Vueプロジェクトでkeep-Aliveステップを使用

1550 ワード

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の場合、キャッシュされる効果が得られます.