詳解vue生命週期

2021-09-25 17:30:18 字數 650 閱讀 5409

vue的宣告週期(鉤子函式)共有8個,分別是:

此時還會檢查是否有繫結el(例項的容器),如果有,就會接著檢查是否有template模板;如果沒有,還會檢查例項上有沒有.$mount屬性(在main.js的例項,如圖1)

假設el或者$mount有其中乙個,那麼就會入檢查template的環節,否則結束生命週期。

檢查template屬性的時候,可以像圖1一樣的寫法,也可以像圖2的寫法。

如有有配置template屬性,就會開始渲染模板;否則結束生命週期。

通常可以在這時候請求網路資料、結束load載入的提示。

如果需要用到dom元素的的操作,就可以在這個方法中執行。像一些echarts圖表之類的。

如果資料發生一些增刪改的操作,都會觸發頁面更新,這時候有2個鉤子函式可供使用:beforeupdate、update

}

click

vue生命週期詳解

vue生命週期分為八個階段 建立前後 掛載前後 更新前後 銷毀前後 beforecreate和create鉤子函式間的生命週期 檢測資料,來檢測資料是否變化了,然後初始化事件 create和beforemount鉤子函式間的生命週期 首先判斷有沒有el選項 1.如果沒有的話就暫時停止了生命週期,等待...

vue生命週期詳解

最近在寫業務的時候,總是會遇到一些和vue的生命週期相關的問題,比如 你用ajax請求資料,然後將資料props到子元件的時候,因為ajax是非同步的,然後會發生沒有資料。然後查詢原因還是自己對這個東西理解不夠深入。什麼是生命週期函式?比如 mounted function 或者 mounted 複...

vue生命週期詳解

beforecreate 第乙個生命週期函式,表示例項完全被建立出來之前,會執行它 注意 在 beforecreate 生命週期函式執行的時候,data 和 methods 中的 屬性與方法定義都還沒有沒初始化 created 第二個生命週期函式,在 created 中,data 和 methods...