动态组件
<component :is='B1'></component>
data(){return { B1:'A1'}}
components:{A1,C1}
动态组件为:<component :is='组件名'></component>
通过在component标签里的is来控制组件切换,is对应的是组件名字。
上面的案例里,若B1变量的字符串为A1,则显示A1组件,若B1变量的字符串为C1,则显示C1组件。
切换组件的时候A1或C1组件会被销毁,创建。
若不想频繁销毁,在外部添加个keep-alive标签包裹即可
<keep-alive>
<component :is='B1'></component>
</keep-alive>
data(){return { B1:'A1'}}
components:{A1,C1}