vue 中keepAlive注意事项

问题描述：

今天在测试提到了一个bug，当重复进入相同的组建的时候，mounted和created内的方法不触发，导致页面展示不一样

原因：

 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和  相似， 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。（所以不会触发mounted和created事件钩子）

当组件在  内被切换，它的 activated （激活）和 deactivated （不激活）这两个生命周期钩子函数将会被对应执行。

 

include and exclude

include （缓存的文件）和 exclude（不换存文件） 属性允许组件有条件地缓存。

max

最多可以缓存多少组件实例。