В одном HTML-файле у меня есть два new Vue()
глобальных экземпляра Vue:
new Vue({ el: "#normal-view" })
и new Vue({ el: "#xrays-view" })
,
И я хочу показать разные шаблоны для каждого вида , используя одно и то же имя компонента . Например:
Vue.component('head', { template: "I see a eyes and skin" })
и Vue.component('head', { template: "I see a skull" })
, Vue.component('wrist', { template: "I see fingers" })
и Vue.component('wrist', { template: "I see bones" })
- и т. Д.
Как я могу заставить каждый экземпляр new Vue()
читать правильный набор Vue.components
, в то время как сохранять их глобальными (созданными с помощью Vue.component()
) и с одинаковыми именами на них? Возможно ли это?