Vueプロジェクトでkeep-Aliveステップを使用
1550 ワード
vue 2.1.0より前に、実装方法:
1
2
userルーティングの$route.meta.keepAliveがtrueの場合、キャッシュされる効果が得られます.
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の場合、キャッシュされる効果が得られます.