keep-alive的作用

是 Vue 提供的一个内置组件，可以用于保留组件状态或避免重新渲染

场景：

• 有时候我们在搜索页面不小心点了别的页面，返回的时候还想看到我们之前搜索过的数据时，这时候要用到keep-alive标签包裹组件，这时候我们的这个组件就被缓存下来了。
• 商品列表页点击商品跳转到商品详情，返回后仍显示原有信息
• 订单列表跳转到订单详情，返回，等等场景

keep-alive 钩子(生命周期)

当组件在 <keep-alive> 内被切换时，它们会触发额外的生命周期钩子：

• activated:(艾克体悟 特的) 当组件被激活（插入到 DOM 树中）时调用。
• deactivated:(滴艾克体悟 特的) 当组件被停用（从 DOM 树中移除）时调用。