Vue.js 向捆绑的vuejs项目传递道具

Vue.js 向捆绑的vuejs项目传递道具,vue.js,bundle,rollup,vue-props,Vue.js,Bundle,Rollup,Vue Props,我使用rollup创建了一个捆绑的myproject.min.js文件,现在我在其他框架(aurelia和angular)中使用它 现在我关心的是如何将数据作为道具从其他框架传递到这个vue捆绑包: 在脚本文件中: Vue.use(window.VueMainComponent); new Vue({}).$mount('#app'); Vue.prototype.$somedata = {}; Vue.use(window.VueMainComponent); new Vue({}).$mo

我使用rollup创建了一个捆绑的myproject.min.js文件,现在我在其他框架(aurelia和angular)中使用它

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

在脚本文件中:

Vue.use(window.VueMainComponent);
new Vue({}).$mount('#app');
Vue.prototype.$somedata = {};
Vue.use(window.VueMainComponent);
new Vue({}).$mount('#app');
在HTML文件中:

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


我正在尝试上述方法,但显然得到的错误某些数据没有定义。

好的,我已经找到了答案,我使用了Vue.prototype

在脚本文件中:

Vue.use(window.VueMainComponent);
new Vue({}).$mount('#app');
Vue.prototype.$somedata = {};
Vue.use(window.VueMainComponent);
new Vue({}).$mount('#app');
在HTML文件中:

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