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

Vue生命周期函數詳解