Vue-动态组件

1、component组件

目标: 多个组件使用同一个挂载点，并可以动态切换，这就是动态组件

注意:

●is只能是动态属性=》:is="组件注册后的标签名字符串或data变量"

●不能直接拿注册标签名赋值使用

2、keep-alive组件 

组件切换会导致组件被频繁销毁和重新创建, 性能不高。

使用Vue内置的keep-alive组件, 可以让包裹的组件保存在内存中不被销毁。

补充生命周期:

        ●activated - 激活

        ●deactivated - 失去激活状态

 

keep-alive组件-指定缓存:

在keep-alive标签里加include属性即可。