keep-alive生命周期使用

keep-alive是Vue.js中的一个抽象组件，它的作用是将动态组件缓存起来，保留其状态，以便在需要时重新渲染。在使用keep-alive时，会多出两个生命周期的钩子：activated和deactivated。

activated钩子在keep-alive组件激活时调用，它可以用来执行一些在组件激活时需要执行的操作，例如获取最新的数据。需要注意的是，在服务器端渲染期间，activated钩子不会被调用。

deactivated钩子在keep-alive组件停用时调用，它可以用来执行一些在组件停用时需要执行的操作。同样地，在服务器端渲染期间，deactivated钩子也不会被调用。