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

这篇文章主要为大家详细介绍了浅析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为true，便达到了被缓存的效果。

 

总结

 

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

本文来自：http://www.q1010.com/184/5989-0.html

注：关于浅析Vue项目中使用keep-Alive步骤的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js