如何在Magento 2中包含Vue.js自定义库？

Question

我用Vue（作为库模式）编写了自定义窗口小部件，并希望在Magento 2商店中使用它。我创建了自定义页面，并添加了以下代码：

<script type="text/x-magento-init">
{
    "*": {
        "js/vue": {
            "a": "1"
        },
        "js/customWidget.umd.min": {
            "a": "1"
        }
    }
}
</script>


<div id="widget-app"></div>

我还将vue.js和customWidget.umd.min.js文件放在正确的位置。但是，插件似乎无法正常工作，开发人员工具向我显示了一些错误：

小部件源代码：

TypeError: Cannot read property 'extend' of undefined

Vue.js源代码：

[Vue warn]: Vue is a constructor and should be called with the `new` keyword

和

Uncaught TypeError: Cannot read property '_init' of undefined

加载vue.js和自定义vue库的正确方法是什么？