keepAlive 组件缓存

不管你项目中有没有用到过 < keepAlive >< /keepAlive >,在求职中总会难免被问到它的作用

keep-alive是vue内置的一个组件,而这个组件的作用就是能够缓存不活动的组件,我们能够知道,一般情况下,组件进行切换的时候,默认会进行销毁,如果有需求,某个组件切换后不进行销毁,而是保存之前的状态,那么就可以利用keep-alive来实现

这里通过包裹 < router-view /> 来实现页面组件的缓存功能
给路由配置中添加meta属性,meta其中自定义 keepAlive 属性,值为布尔值,
通过判断来决定是否缓存该组件
keepAlive 组件缓存
至于查看缓存状态,大家可以通过chrome(或者其他浏览器)调试器中的network 来查看,或者通过input框输入内容,切换页面查看,这里就不做演示了