component
对于component标签,我的理解,就是具名的注册组件而已
我的代码
<div id="app">
<component :is="current"></component>
</div>
<!--
component 相当于具名注册
想要显示哪个组件,就在component标签里 :is属性写上对应的组件名字
-->
<script src="./todomvc-app-template-master/node_modules/vue/dist/vue.js"></script>
<script>
let home = {
template: "<div>home</div>"
}
let about = {
template: "<div>about</div>"
}
const app = new Vue({
el: "#app",
data: {
current: about
},
components: {
home,
about
}
})
</script>
官方
渲染一个“元组件”为动态组件。依 is
的值,来决定哪个组件被渲染。
<!-- 动态组件由 vm 实例的 `componentId` property 控制 -->
<component :is="componentId"></component>
<!-- 也能够渲染注册过的组件或 prop 传入的组件 -->
<component :is="$options.components.child"></component>