【Vue】Vue2.0ページキャッシュとキャッシュしない方法、watchリスニングで発生する問題
908 ワード
vue2.0ページキャッシュとキャッシュしない方法:
1、appにキャッシュするdivを設定する
2、ルートでrouter.jsで設定.vueページにキャッシュが必要かどうか
3、キャッシュページからキャッシュしないページにジャンプしたり、キャッシュページからキャッシュページにジャンプしたりすると、watchがルーティングを傍受できないことに気づきます.キャッシュページとキャッシュしないページはそれぞれ異なるdivの中にあり、1つのdivの中で別のdivのルーティングを傍受することはできないからです.すべてのリスニングが必要なルーティングにキャッシュを付け(ルーティングにmeta:{keepAlive:true}を追加)、ルーティングがキャッシュページ間でジャンプする場合、ルーティングをリスニングすることでデータの更新が必要か否かを判断することができる.
1、appにキャッシュするdivを設定する
//
//
2、ルートでrouter.jsで設定.vueページにキャッシュが必要かどうか
{
path: '/home',
component: home,
meta: { keepAlive: true },// .vue
},
{
path: '/notice',
component: notice,//
}
3、キャッシュページからキャッシュしないページにジャンプしたり、キャッシュページからキャッシュページにジャンプしたりすると、watchがルーティングを傍受できないことに気づきます.キャッシュページとキャッシュしないページはそれぞれ異なるdivの中にあり、1つのdivの中で別のdivのルーティングを傍受することはできないからです.すべてのリスニングが必要なルーティングにキャッシュを付け(ルーティングにmeta:{keepAlive:true}を追加)、ルーティングがキャッシュページ間でジャンプする場合、ルーティングをリスニングすることでデータの更新が必要か否かを判断することができる.
watch: {
'$route' (to, from) {
if( from.path == "/index"){
console.log(888)
}
}
}