Vue中如何深入理解并高效运用keep-alive和activated属性？

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

在修改公司项目时，意外发现了activated这个词，一开始觉得很奇怪，以前也没用过。官网的生命周期也没提过这玩意儿。生命周期也就create、mount、update和destroy这几个基本操作嘛。

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

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

keep-alive

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