Vue动态组件

动态组件

1.设置动态组件引用，直接使用<component></component>标签 绑定is属性

即 :is="组件名" 表示使用的是哪个组件，如果是局部组件，使用前要先注册

动态组件状态维持

1.多个动态组件在使用时，如果某个组件内部带有输入框或者其他input，在输入完值后，切换了新的组件，再切回来时，之前输入的值就没了，如果想要维持之前输入过后的数据状态，那么需要使用<keep-alive>来进行状态维持

2.在<keep-alive>中嵌套的组件实例，带有两个钩子，activated和deactivated，activated会在组件激活的时候触发，deactivated会在组件取消激活的时候触发

3. :include 可以设置哪些组件会进行状态维持，可以写正则进行匹配或者使用数组

4. :max 设置最大缓存数量