将道具传递给捆绑的 vuejs 项目

Question

我使用汇总创建了一个捆绑的 myproject.min.js 文件，现在我在其他框架（aurelia 和 angular）中使用它。

现在我关心的是如何将数据作为道具从其他框架传递给这个 vue 包：

在脚本文件中：

Vue.use(window.VueMainComponent);
new Vue({}).$mount('#app');

在 HTML 文件中：

<div id="app">
        <vue-main-component :data="somedata"></vue-main-component>
    </div>

我正在尝试上述方法，但显然得到错误 somedata 未定义。

Answer 1

好的，我已经想通了，我使用了 Vue.prototype。

在脚本文件中：

Vue.prototype.$somedata = {};
Vue.use(window.VueMainComponent);
new Vue({}).$mount('#app');

在 HTML 文件中：

 <div id="app">
        <vue-main-component :data="$somedata"></vue-main-component>
 </div>