Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 多个使用相同子组件名称的`new Vue()`Vue全局实例。可能的_Javascript_Vue.js_Vuejs2 - Fatal编程技术网

Javascript 多个使用相同子组件名称的`new Vue()`Vue全局实例。可能的

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

在单个HTML文件中,我有两个
新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,因为组件嵌套在多个级别,除了一些更改外,内容几乎相同。