我有一个root / base应用程序布局，其中app.js（Laravel mixin）加载了VueJS和mixin。
然后我的网站上有一个由刀片部分/包含的部分：main content和sidebar
这是设置：
#app div位于layouts / app.blade.php中。Main content是section的{{1}} app.blade.php内的刀片组件我需要实现的是拥有一个“根” Vue，并且每个刀片都可以（也可以不）扩展该Vue应用程序。
到目前为止，我的解决方案是在main content中加入Vue.extend：
app.js然后在我的let mixin = {...}
window.VueApp = Vue.extend({
mixins: [mixin],
data: function () {
return {
tax: 0.22
}
}
});
中扩展main content blade
VueApp问题是，如果我也想从侧边栏扩展它（这是另一个刀片文件），我将无法安装，因为我已经安装了应用程序。
有没有办法使new VueApp({
data:{
registry:@json($accident->registry ?? []),
},
created(){
//...
},
computed:{
//...
}
}).$mount('#app');
VueApp具有更多扩展它的刀片（不是.vue组件文件）？
像这样：
base：具有元素layout.blade.php的Vue
#app：Vue扩展了main.blade.php元素
#app：它位于sidebar.blade.php内，需要具有Vue扩展main.blade元素