如何在Magento 2中添加自定义JSON代码？

在Magento 2中添加自定义JSON代码的方法如下：

创建一个自定义模块：首先，在Magento 2的app/code目录下创建一个新的文件夹，命名为CustomModule。在CustomModule文件夹中创建以下文件和文件夹：
- etc/module.xml：定义模块的基本信息和依赖关系。
- registration.php：注册模块。
- view/frontend/layout/default.xml：定义布局文件。

创建布局文件：在CustomModule/view/frontend/layout/default.xml中添加以下代码，用于在Magento 2的页面中加载自定义JSON代码：

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="head.additional">
            <block class="Magento\Framework\View\Element\Template" name="custom_json" template="CustomModule::json.phtml"/>
        </referenceContainer>
    </body>
</page>

创建模板文件：在CustomModule/view/frontend/templates目录下创建json.phtml文件，并在其中添加自定义的JSON代码。例如：

<script type="text/x-magento-init">
    {
        "#custom-element-id": {
            "customData": {
                "key1": "value1",
                "key2": "value2"
            }
        }
    }
</script>

在上述代码中，#custom-element-id是你想要添加自定义JSON代码的HTML元素的ID。