Vue组件进阶
动态组件
多个组件使用同一个挂载点,并动态切换
1. 准备被切换的 - UserName.vue / UserInfo.vue 2个组件
2. 引入到UseDynamic.vue注册
3. 准备变量来承载要显示的"组件名"
4. 设置挂载点<component>, 使用is属性来设置要显示哪个组件
5. 点击按钮 – 修改comName变量里的"组件名"
![](https://i-blog.csdnimg.cn/blog_migrate/830731592ed0fe0f6e468ed33a942640.png)
什么是动态组件?
在同一个挂载点, 可以切换显示不同组件
如何使用动态组件?
vue内置的component组件, 配合is属性
如何切换?
改变is属性的值, 为要显示的组件名即可
组件缓存
如何进行组件缓存?
vue内置的keep-alive组件把要缓存的组件包起来
组件缓存好处?
不会频繁的创建和销毁组件, 页面更快呈现