Vue项目中使用keep-Alive缓存步骤

Vue项目中使用keep-Alive步骤
实现方式:
1 /router/index.js 配置路由元信息keepAlive: true

{
    path: "user",
    name: "用户管理",
    component: User,
    meta: {
        requireAuth: true,
        keepAlive: true // 用户列表需要被缓存
    }
},

2 /app.vue

user路由的$route.meta.keepAlive为true，便达到了被缓存的效果。