<body>
<div id="box">
<aaa>
</aaa>
</div>
<script>
//子组件的内容
var bbb={
template: '<h2>我是bbb组件</h2>',
}
var aaa = {
template: '<h2>我是aaa组件 <bbb></bbb></h2>',
components: {
'bbb':bbb,
}
}
var vm = new Vue({
el: "#box",
components: ({
'aaa':aaa
})
})
</script>
</body>
特别注意的是
这个方法的子组件 在https://cdn.bootcss.com/vue/2.4.2/vue.min.js这个版本中是没办法实现的
就会 如图:
如果需要使用 就需要引入 vue-1.0.21.js 在这个版本的
会出现如图效果:
还有一点需要注意的是 在组件当中 data 是不能够引用赋值
那什么是引用赋值呢?
如图
而是需要返回值类型
就是这样子的