【Vue】Vue2.0ページキャッシュとキャッシュしない方法、watchリスニングで発生する問題

908 ワード

vue2.0ページキャッシュとキャッシュしない方法:
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)
	    } 
        }
}