Я разрабатываю расширение chrome, и они не поддерживают функцию template, поэтому мне нужно предварительно отрисовать шаблоны с помощью функции render (я использую webpack, vue -loader и vue -template-compiler).
Я загружаю свой шаблон root следующим образом:
import rootTemplate from './rootTemplate.vue';
var app = new Vue({
el: '#app',
render: createElement => createElement(rootTemplate),
data: {...}
});
Но когда я делаю это таким образом, мой шаблон root становится дочерний компонент, и его дочерние компоненты становятся компонентами 3-го уровня. Но я хочу, чтобы это было root, а дети - 2-го уровня.
Если я помещу шаблон root прямо в свой основной js (или vue) файл или индекс. html он просто не отображается (заменяется на <!--function (a, b, c, d) { return createElement(vm, a, b, c, d, true); }-->).