1.keep-alive是啥?
keep-alive用来缓存组件,避免多次加载相应的组件,减少性能消耗,简单一点来说就是A页面通过vue-router跳转到其他页面后回退到页面A不用刷新A页面的代码,只是将之前已经请求过的A页面进行缓存,这样可以减少加载时间及性能消耗,提高用户体验性。
2.实际应用
比如我填写一个表单,其中有个选项是要跳转到下个页面,但当我跳转下个页面返回时候,这个表单之前填的内容都空了,这非常影响体验。
3.使用方法
这里我只说实际工作中常用的方法:
使用router. meta属性
在APP.vue中声明keep-alive
然后在vue-router中
需要进行缓存的组件就keepAlive为ture否则false
然后就可以实现功能需求了。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。