如何在magento 2中将变量传递给外部js

在magento 1中

例如，我们可以在phtml中调用此原型函数

function ABC(){
     var a = '<?php echo $a;?>'
    alert(a);
 }

但是在magento 2中，我们不能在phtml中添加这种类型的函数，为此我们必须创建 requirejs-config.js

var config = {
map: {
    '*': {
        'exam': 'js/example',
    }
}
};

像这样和example.js

 function ABC(){

    alert(a);
 }

在phtml中

require(['jquery','exam'], function($){
    var a= <?php echo $a; ?>;
});

我正在尝试像这样传递变量，但无法正常工作，如何在magento 2中将变量从phtml传递给外部js

从Magento的模板中包含javascript的方式有两种：<script type="text/x-magento-init">和data-mage-init属性。两种方法均可用于将数据传递到json定义内的脚本。例如，使用x-magento-init脚本标签，在模板中具有：

<script type="text/x-magento-init">
    {
        "*": {
            "js/example": {
                "a": "<?php echo 'Hello from template' ?>"
            }
        }
    }
</script>

并且在JS文件中，您具有：

define([
    'jquery'
], function ($) {
    'use strict';

    return function (config) {
        console.log(config); // will output {a: "Hello from template"}
        alert(config.a); // would be equal to alert("Hello from template");
    }
});