vue中的Keep-alive组件

Keep-alive
在动态组件上使用 keep-alive

keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，避免重新渲染 ，
以避免反复重渲染导致的性能问题
kepp-alive
“组件”
/kepp-alive
能在组件切换过程中将状态保留在内存中，防止重复渲染DOM
keep-alive生命周期钩子函数：activated、deactivated,使用会将数据保留在内存中，如果要在每次进入页面的时候获取最新的数据，需要在activated阶段获取数据，承担原来created钩子中获取数据的任务。

有两个参数:
include :include 表示只有名称匹配的组件会被缓存,
exclude: exclude 表示任何名称匹配的组件都不会被缓存 ，
其中 exclude 的优先级比 include 高；

生命周期的两个钩子函数：activated、deactivated，
当组件被激活时，触发钩子函数 activated。
当组件被移除时，触发钩子函数 deactivated。