Vue生命週期函數詳解

 vue實例的生命週期

1 什麼是生命週期（每一個實例的一生）

概念：每個Vue實例建立、運行、銷燬的過程，就是生命週期；在實例的生命週期中，老是伴隨着各類事件，這些事件就是生命週期函數；

生命週期：實例的生命週期，就是一個階段，從建立到運行，再到銷燬的階段；

生命週期函數：在實例的生命週期中，在特定階段執行的一些特定的事件，這些事件，叫作 生命週期函數；

生命週期鉤子：就是生命週期事件的別名而已；

生命週期鉤子 = 生命週期函數 = 生命週期事件

2 主要的生命週期函數分類

• 建立期間的生命週期函數：(特色：每一個實例一生只執行一次)

  • beforeCreate：建立以前，此時 data 和 methods 還沒有初始化

  • created(第一個重要的函數，此時，data 和 methods 已經建立好了，能夠被訪問了)

  • beforeMount：掛載模板結構以前，此時，頁面尚未被渲染到瀏覽器中；

  • mounted（第二個重要的函數，此時，頁面剛剛被渲染出來；若是要操做DOM元素，最好在這個階段）

• 運行期間的生命週期函數：（特色：按需被調用 至少0次，最多N次）

  • beforeUpdate：數據是最新的，頁面是舊的

  • updated：頁面和數據都是最新的

• 銷燬期間的生命週期函數：(特色：每一個實例一生只執行一次)

• beforeDestroy：銷燬以前，實例還正常可用

• destroyed：銷燬以後，實例已經不工做了
  
  

圖例：

 轉載請註明出處：https://www.cnblogs.com/bbc66/p/9897939.html