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步骤，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！