keep-alive

概念

会缓存不活动的组件实例，不会添加或删除dom节点，作为标签使用，包裹在需要缓存的组件外

作用

切换页面或组件时缓存当前的实例对象，减少加载时间，为用户提供良好的体验效果

使用

使用keep-alive后会触发两个生命周期函数
activated:在 keep-alive 组件激活时调用
deactivated：在keep-alive组件停用时调用
只有被keep-alive包裹时才会触发，平时不会触发
想要缓存整个项目时，可以在App.vue 中使用keep-alive包裹router-view 来缓存整个项目
如果想要缓存项目中的部分时，常用的有两种方法
路由元信息
在配置路由中添加meta属性 属性中判断是否缓存页面
在App.vue缓存页面时写

添加黑、白名单
include:白名单，会缓存页面
exclude：黑名单，不会缓存页面

也可以创建一个js文件，在文件中导出 需要缓存的或不需要缓存的页面的路径