vue.js - vue2.0是怎么嵌套父子组件的？
本文介绍了vue.js - vue2.0是怎么嵌套父子组件的？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
如下图，为啥我这只能显示第一个子组件呢？
解决方案
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把里面的标签都包起来吧
这篇关于vue.js - vue2.0是怎么嵌套父子组件的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
