1.keep-alive是啥?

 keep-alive用来缓存组件,避免多次加载相应的组件,减少性能消耗,简单一点来说就是A页面通过vue-router跳转到其他页面后回退到页面A不用刷新A页面的代码,只是将之前已经请求过的A页面进行缓存,这样可以减少加载时间及性能消耗,提高用户体验性。

2.实际应用

比如我填写一个表单,其中有个选项是要跳转到下个页面,但当我跳转下个页面返回时候,这个表单之前填的内容都空了,这非常影响体验。

3.使用方法

这里我只说实际工作中常用的方法:
使用router. meta属性
在APP.vue中声明keep-alive

image
然后在vue-router中
image
需要进行缓存的组件就keepAlive为ture否则false
然后就可以实现功能需求了。


jacky_chan
24 声望1 粉丝

1