vue--keep-alive保存组件的状态

概述：动态组件的切换过程中走的改变：切换走了->会销毁；切回来->重新构建（渲染）一次；所以组件状态不会保留

1.保留组件的状态，用keep-alive（模拟场景注册流程中的下一步下一步）

. 把切换出去的组件保留在内存中，可以保留它的状态或避免重新渲染

.include - 字符串或正则表达式。只有匹配的组件会被缓存。

.exclude - 字符串或正则表达式。任何匹配的组件都不会被缓存

2. 用了keep-alive，保留了组件状态且不会重新渲染，这样会导致created(){}钩子函数不会再次触发（模拟场景，留言板）

vue提供了专门的钩子函数

activated//用于keep-alive激活

destroyed//用于keeo-alive停用