vue.js生命周期鈎子函數及緩存


  在使用vue.js進行開發時,使用最多的就是created、mounted、activated。

  由於有些情況下,我們需要復用某些組件,因此需要用到keep-alive。

  當引入keep-alive時,頁面第一次進入,鈎子的觸發順序是created-> mounted-> activated。當再次進入該頁面時,只觸發activated。

  因此,應該activated中留一份數據獲取的代碼,或者不要created部分,直接將created中的代碼轉移到activated中。

  created: 實例已經創建完成之后被調用,在剛進入頁面的時候,會觸發該函數的方法。只在頁面剛開始加載時執行一次。

  mounted:頁面加載完成后會執行該方法。

  activated:keep-alive組件激活時調用。也就是當頁面存在緩存時調用。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM