Javascript 多个使用相同子组件名称的`new Vue()`Vue全局实例。可能的
在单个HTML文件中,我有两个Javascript 多个使用相同子组件名称的`new Vue()`Vue全局实例。可能的,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,在单个HTML文件中,我有两个新Vue()全局Vue实例: 新的Vue({el:#正常视图})和 新的Vue({el:#x光视图}) 我想使用相同的组件名称为每个视图显示不同的模板。例如: Vue.component('head',{template:“我看到眼睛和皮肤”})和Vue.component('head',{template:“我看到头骨”}) Vue.component('手腕',{template:“我看到手指”})和Vue.component('手腕',{template
新Vue()
全局Vue实例:
和新的Vue({el:#正常视图})
新的Vue({el:#x光视图})
和Vue.component('head',{template:“我看到眼睛和皮肤”})
Vue.component('head',{template:“我看到头骨”})
和Vue.component('手腕',{template:“我看到手指”})
Vue.component('手腕',{template:“我看到骨头”})
- 等等
如何使每个
新Vue()
实例读取正确的Vue.component集
,同时保持它们的全局性(使用Vue.component()
创建)和名称完全相同?有可能吗?如果它们的作用域应该是特定的上下文,那么为什么需要全局注册它们?这看起来更像是一个需求问题,而不是一个技术问题。@TommyF,因为组件嵌套在多个级别,除了一些更改外,内容几乎相同。