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

2021-09-29 14:34:11 字數 652 閱讀 4610

生命週期鉤子:就是生命週期事件的別名而已;主要的生命週期函式分類:

beforecreate :例項剛在記憶體中被建立出來,此時,還沒有初始化好data和methods屬性

created :例項已經在記憶體中建立ok ,此時data和methods已經建立ok ,此時還沒有開始編譯模板

beforemount: 此時已經完成了模板的編譯,但是還沒有掛載到頁面中

mounted :此時,已經將編譯好的模板,掛載到了頁面指定的容器中顯示。

beforeupdate :狀態更新之前執行此函式,此時data中的狀態值是最新的,但是介面上顯示的資料還是舊的,因為此時還沒有開始重新渲染dom節點

updated :例項更新完畢之後呼叫此函式,此時data中的狀態值和介面上顯示的資料, 都已經完成了更新,介面已經被重新渲染好了。

beforedestroy :例項銷毀之前呼叫。在這一 步,例項仍然完全可用。

destroyed : vue例項銷毀後呼叫。呼叫後, vue例項指示的所有東西都會解繫結,所有的事件***會被移除,所有的子例項也會被銷毀。

vue例項的宣告週期

new vue 建立例項 初始化事件和生命週期 beforecreate 初始化injection和reactivity created 有沒有 el 選項,沒有等待vm.mount el 呼叫,有則往下 有沒有template選項?有的話把template編譯成render function,沒有...

vue學習筆記(四) Vue例項以及生命週期

1.構造器 例項化 var vm new vue 指定元件的渲染和觀察期間未捕獲錯誤的處理函式。vue.config.ignoredelements my custom web component another web component 忽略在vue 之外的自定義元素。vue.config.ke...

vue筆記 例項的生命週期

每個vue例項在被建立之前都要經過一系列的舒適化過程。例如,例項需要配置資料觀測 編譯模版 掛載例項到dom,然後在資料變化時更新dom。在這個過程中,例項也會呼叫一些生命週期鉤子,這就給我們提供了執行自定義邏輯的機會。var vm new vue created function 也有一些其他的鉤...