vue2.0是怎么嵌套父子组件的？

如下图，为啥我这只能显示第一个子组件呢？

vue.js

阅读 4.2k

2 个回答

Dont

✓ 已被采纳

update:

<body>
    <div id="app">
    <parent></parent>
      
 </div>
 <template id="parent">
   <child1></child1>
   <child2></child2>
 </template>
  <template id="child1">
  <p>1</p>
 </template>
<template id="child2">
   <p>2</p>
 </template>
  <script>
        Vue.component('parent',{
      template:'#parent',
      components:{
        'child1':{
          template:'#child1'
        }, 
        'child2':{
          template:'#child2'
        }
      }
    });
    var vm = new Vue({
      el: '#app',
      data: {
       
      },
      methods:{
        
      }
    })
  </script>
</body>

简单搬一些你的代码，发现有报错， parent的template给个div把里面的标签都包起来吧