提出問題

專業(yè)從事成都網(wǎng)站建設、成都網(wǎng)站制作,高端網(wǎng)站制作設計,小程序開發(fā),網(wǎng)站推廣的成都做網(wǎng)站的公司。優(yōu)秀技術團隊竭力真誠服務，采用HTML5建站+CSS3前端渲染技術，成都響應式網(wǎng)站建設公司，讓網(wǎng)站在手機、平板、PC、微信下都能呈現(xiàn)。建站過程建立專項小組，與您實時在線互動，隨時提供解決方案，暢聊想法和感受。

最近在做項目發(fā)現(xiàn)一個問題，當我使用了 keep-alive 標簽后，進入了某個路由進行一系列操作，再點擊瀏覽器后退，再次進入剛才的路由，頁面被操作的數(shù)據(jù)沒有初始化！

分析問題

這是因為 keep-alive 將路由頁面緩存，所以該路由沒有完成整個生命周期，沒有 destroyed，因此重新進入也沒有觸發(fā)其他生命周期鉤子，如 created 等。

解決問題

（1）. 查看官方文檔

當組件在 keep-alive 內(nèi)被切換，它的 activated 和 deactivated 這兩個生命周期鉤子函數(shù)將會被對應執(zhí)行。

include - 字符串或正則表達式。只有匹配的組件會被緩存。

exclude - 字符串或正則表達式。任何匹配的組件都不會被緩存。

匹配首先檢查組件自身的 name 選項，如果 name 選項不可用，則匹配它的局部注冊名稱 (父組件 components 選項的鍵值)。匿名組件不能被匹配。

（2）. 監(jiān)聽路由變化

使用 watch 監(jiān)聽路由變化，但是我發(fā)現(xiàn)監(jiān)聽路由只有在組件被 keep-alive 包裹時才生效，未包裹時不生效，原因不明，理解的小伙伴請留言告訴我！

watch: {
 '$route' (to, from) {
   // 對路由變化作出響應...
  }
}

beforeRouteUpdate 這個鉤子目前我發(fā)現(xiàn)還不能用，不知道哪里出錯。

 beforeRouteUpdate (to, from, next) {
  // react to route changes...
  // don't forget to call next()
 }

以上這篇vue 使某個組件不被 keep-alive 緩存的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。