vue实例内的嵌套vue实例

时间:2018-09-11 05:27:17

标签: vue.js vue-component

我想将vue实例放入vue实例中,以便可以将dom元素用作我的模板,而不用javascript代码编写该模板 即     {template:'组件模板'}

示例:

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'
  }
});

index.html

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

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

现在这可以工作了,一切都很好,但是没有文档 所有这些示例都说明了如何使用模板将组件注册到vue实例

由于没有文档,我担心在vue的下一版本中它可能会不再起作用

有人知道是不是

0 个答案:

没有答案