浅析Vue项目中使用keep-Alive步骤

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

总结

以上所述是小编给大家介绍的Vue项目中使用keep-Alive步骤，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

• 解决vue单页使用keep-alive页面返回不刷新的问题
• vue2中的keep-alive使用总结及注意事项
• vue使用keep-alive实现数据缓存不刷新
• Vue keep-alive实践总结（推荐）
• 深入理解vue-router之keep-alive