在使用vue.js進行開發時,使用最多的就是created、mounted、activated。
由於有些情況下,我們需要復用某些組件,因此需要用到keep-alive。
當引入keep-alive時,頁面第一次進入,鈎子的觸發順序是created-> mounted-> activated。當再次進入該頁面時,只觸發activated。
因此,應該activated中留一份數據獲取的代碼,或者不要created部分,直接將created中的代碼轉移到activated中。
created: 實例已經創建完成之后被調用,在剛進入頁面的時候,會觸發該函數的方法。只在頁面剛開始加載時執行一次。
mounted:頁面加載完成后會執行該方法。
activated:keep-alive組件激活時調用。也就是當頁面存在緩存時調用。