浅析Vue项目中使用keep-Alive步骤
作者：ManGoYi
这篇文章简单给大家介绍了Vue项目中使用keep-Alive步骤，在vue2.1.0之前，实现方式也给大家作了简单介绍，感兴趣的朋友跟随脚本之家小编一起看看吧
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步骤，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！