Vue中keep-alive和activated如何高效运用及优化页面性能？

本文共计1018个文字，预计阅读时间需要5分钟。

在修改公司一个项目时，发现了activated这个概念，一开始觉得非常奇怪，之前也没怎么用过。官网的生命周期也没提过这东西，生命周期只说了create、mount、update和destroy这几个动作而已。

在修改公司的一个项目的时候发现了activated这个东西，一直觉得很疑惑，之前也没怎么用过啊！官网的生命周期那也没说过这东西啊！生命周期不就create mount update 和destory这几个东东么，怎么多了个activate出来。

百思不得其解，于是去问了下度娘和查了下文档！恍然大悟，原来这东东是结合keep-alive这东东使用的，下面顺便记录一下。

keep-alive

<keep-alive>包裹动态组件的时候，会缓存不活动的组件实例，而不是摧毁他们。其是一个抽象的组件，自身不会渲染一个DOM元素，也不会出现在父组件链中。