浅析Vue项目中使用keep-Alive步骤
编程学习 2021-07-04 16:46www.dzhlxh.cn编程入门
这篇文章简单给大家介绍了Vue项目中使用keep-Alive步骤,在vue2.1.0之前,实现方式也给大家作了简单介绍,感兴趣的朋友跟随狼蚁SEO长沙网络推广一起看看吧
vue 2.1.0之前,实现方式:
1 /router/index.js 配置路由元信息keepAlive: true
{ path: "user", name: "用户管理", component: User, meta: { requireAuth: true, keepAlive: true // 用户列表需要被缓存 } },
2 /app.vue
<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view v-if="!$route.meta.keepAlive"></router-view>
user路由的$route.meta.keepAlive
为true,便达到了被缓存的效果。
总结
以上所述是长沙网络推广给大家介绍的Vue项目中使用keep-Alive步骤,希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!