vue中created和mounted的區別

2021-10-10 00:24:57 字數 771 閱讀 6761

beforecreate 建立之前:已經完成了初始化事件和生命週期

created 建立完成: 已經完成了初始化的註冊和相應

beforemount 掛載之前:已經完成了模板的渲染

mounted 掛載之後:已經完成了html虛擬化,建立了el節點可以操作dom

beforedestory 摧毀之前: 整個vue都處在實時監控渲染和更新

destoryed 已經摧毀:已經摧毀了觀察者,子元素和事件監聽

資料初始化一般放到created裡面,這樣可以及早傳送請求獲取資料,如果有依賴dom必須存在的情況,就放到mounted())}裡面

vue是非同步執行dom更新的,一旦觀察到資料變化,vue就會開啟乙個佇列,然後把在同乙個事件迴圈當中觀察到資料變化的watcher推送進這個佇列。如果這個watcher被觸發多次,只會被推送到佇列溢位。這種快取行為可以有效的去掉重複資料造成的不必要的計算和dom操作。而在下一次事件迴圈時,vue會清空佇列,並進行必要的dom更新。

created在模板渲染成html前呼叫,此時的data已經準備完畢,el仍然是underfined,因此沒有渲染成html,所以不能操作dom節點,它主要用來初始化一些資料;

即使created中的方法沒有執行完,mounted也會被呼叫

mounted在模板渲染成真實的html之後呼叫的,此時data,el都已經準備好了,可以操作html的dom節點,可以通過id之類的查詢元素,也可以載入一些元件等。

掛載到階段上的初始化方法通常用mounted去操作,主動調起的用methods裡面封裝方法

vue中mounted和created的使用和區別

created 在模板渲染成html前呼叫,即通常初始化某些屬性值,然後再渲染成檢視。mounted 在模板渲染成html後呼叫,通常是初始化頁面完成後,再對html的dom節點進行一些需要的操作。通常created使用的次數多,而mounted通常是在一些外掛程式的使用或者元件的使用中進行操作,比...

vue中created與mounted的區別

關於vue.js中的生命週期,如果不是有特別的需求,一般在專案開發過程中更多的使用created和mounted,所以在本文中主要講解created與mounted在開發中的主要使用區別。版本資訊 完整的生命週期圖示為了避免占用板塊,這裡就不貼出來了,大家可以自行前往vue生命週期檢視。這裡是官方文...

VUE生命週期created和mounted的區別

每個 vue 例項在被建立時都要經過一系列的初始化過程。例如,需要設定資料監聽 編譯模板 將例項掛載到 dom 並在資料變化時更新 dom 等。在這個過程中也會執行一些叫做生命週期鉤子的函式,這給了使用者在不同階段新增自己的 的機會。created 在模板渲染成html前呼叫,即通常初始化某些屬性值...