年末阿里百度等大厂技术面试题汇总，VUE工程的keep-alive缓存机制（全部缓存，2024新鲜出炉阿里巴巴面试真题

},

四、执行前进刷新，后退时候缓存

参照五、需要在加一个变量，确定从哪里到哪里是前进，从哪里到哪里是后退

（1）router.js中，A的路由设置

{

path: ‘/usermanage’,

name: ‘usermanage’,

meta: {

keepAlive: true, //该字段表示该页面需要缓存

isBack: false, //用于判断上一个页面是哪个

title: ‘人员管理’

},

component: resolve => require([‘@/views/userManage/userManage’], resolve) // 路由懒加载

},

（2）其他页面中，，利用路由钩子函数，修改isback这个值，

五、页面B进入页面A需要缓存，页面C进入页面A不需要缓存

思路：在每个路由的路由钩子函数beforeRouteLeave(to, from, next)钩子中设置 to.meta.keepAlive的true或者false值。

具体流程：

（1）router.js中，A的路由设置：

{

path: ‘/’,

name: ‘A’,

component: A,

meta: {

keepAlive: true // 需要被缓存

}

}<