Cách chuyển biến sang js bên ngoài trong magento 2

Trong magento 1

chúng ta có thể gọi hàm nguyên mẫu này trong phtml chẳng hạn

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

nhưng trong magento 2 chúng ta không thể thêm loại hàm này trong phtml, vì chúng ta phải tạo requirejs-config.js

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

như thế này và example.js

 function ABC(){

    alert(a);
 }

trong phtml

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

Tôi đang cố gắng chuyển biến như thế này nhưng nó không hoạt động, làm thế nào để chuyển biến từ phtml sang js bên ngoài trong magento 2

Có hai cách để bao gồm javascript từ mẫu trong Magento 2: thuộc tính <script type="text/x-magento-init">và data-mage-initthuộc tính. Một trong hai cách có thể được sử dụng để truyền dữ liệu tới tập lệnh trong định nghĩa json. Ví dụ: sử dụng thẻ script x-magento-init, trong mẫu bạn có:

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

Và trong tệp JS, bạn có:

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");
    }
});