vue.js - vue 实例中的嵌套 vue 实例

Question

我想将 vue 实例放在 vue 实例中，这样我就可以使用 dom 元素作为我的模板，而不是在 javascript 代码中编写模板，即 { template : 'template for the component' }

例子 ：

main.js

var v2 = new Vue({
  el: '#child',
  data : {
    msg1 : 'child msg'
  }
});

Vue.component(v2);

var v = new Vue({
  el: '#parent',
  data : {
    msg : 'parent msg'
  }
});

索引.html

 <div id="parent">
        <h1>{{msg}}</h1>
        <div id="child">
            {{msg1}}
        </div>
    </div>

如您所见，我不使用模板，我使用 el 属性，因此我的模板来自页面上的 html 元素 #parent 和 #child 在这种情况下也如您所见，我没有为组件命名，我只是注册vue 实例作为组件 Vue.component(v2); 而不是 Vue.component('child',v2); 例如

现在这正在工作，一切都很好，但是没有文档说明所有示例都显示了如何将带有模板的组件注册到 vue 实例

因为没有文档我担心在下一个版本的 vue 中它可能不再工作了

有人知道是不是这样

标签： vue.jsvue-component