vue2 生命週期鉤子分類，共8個

       vm的生命週期（8個鉤子）：             將要建立 ==> 呼叫beforeCreate函式。             建立完畢 ==> 呼叫created函式。             將要掛載 ==> 呼叫beforeMount函式。             掛載完畢 ==> 呼叫mounted函式         重要的鉤子。             將要更新 ==> 呼叫beforeUpdate函式             更新完畢 ==> 呼叫updated函式             將要銷燬 ==> 呼叫beforeDestroy函式    重要的鉤子             銷燬完畢 ==> 呼叫destroyed函式

 

 

 

• 建立期間的生命週期函式

beforeCreate

無法訪問到data中的資料、methods中的方法。

created

可以訪問到data中的資料、methods中的方法。

beforeMount

未經編譯的DOM結構，所有對的DOM的操作都不奏效

mounted(重要)

經過編譯的真實DOM，一般在此鉤子進行：傳送ajax請求、啟動定時器、繫結自定義事件，訂閱訊息等【初始化操作】

 

• 執行期間的生命週期函式

beforeUpDate

資料是新的，頁面是舊的。頁面尚未與資料保持同步。

Updated

資料是新的，頁面也是新的。頁面與資料保持同步。

 

• 銷燬階段的生命週期函式

beforeDestroy（重要）

資料、方法、指令都在銷燬前都可用，一般在此鉤子進行：關閉定時器、解綁自定義事件，取消訂閱訊息等【收尾操作】

destroyed

呼叫此鉤子說明元件已經被銷燬，若元件沒有被銷燬，那麼destroyed鉤子不會被呼叫。不要在這個鉤子操作資料和方法