vue例項的宣告週期

2022-05-08 18:21:13 字數 484 閱讀 8665

new vue()

建立例項

初始化事件和生命週期

beforecreate

初始化injection和reactivity

created

有沒有「el」選項,沒有等待vm.$mount(el)呼叫,有則往下

有沒有template選項?有的話把template編譯成render function,沒有的話把外部el掛載點的html當作模板

beforemount

執行render function,#el的內容掛載到dom中

mounted

當data發生改變時,先觸發beforeupdate再重新渲染虛擬 dom,並通過 diff 演算法對比 vnode 節點差異更新真實,最後觸發updated

rendererror rander方法異常的時候會觸發(開發環境)

errorcaptured  render方法異常的時候會觸發(可以向上冒泡,生產環境也試用)

vue學習筆記3 例項的宣告週期

生命週期鉤子 就是生命週期事件的別名而已 主要的生命週期函式分類 beforecreate 例項剛在記憶體中被建立出來,此時,還沒有初始化好data和methods屬性 created 例項已經在記憶體中建立ok 此時data和methods已經建立ok 此時還沒有開始編譯模板 beforemoun...

vue宣告週期 VUE知識點集錦

mvvm模式 核心理念 通過宣告式的資料繫結 來實現 view 層和其他層的分離 model 層 model 層,對應資料層的域模型,它主要做域模型的同步。通過 ajax fetch 等 api 完成客戶端和服務端業務 model 的同步。在層間關係裡,它主要用於抽象出 viewmodel 中檢視的...

vue 宣告週期函式 vue 生命週期函式

document data methods show console.log 執行了 beforecreate 這是遇到的第乙個生命週期函式表示例項完全會被建立出來,會執行 console.log this.msg 這時候console會顯示undefined this.show is not a ...