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