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