Vue 鉤子函式的順序

2021-10-20 06:46:39 字數 1067 閱讀 3297

beforecreated:這個鉤子函式實在vue例項建立後,觸發的。這個時候還沒有進行data裡的資料監聽和事件的初始化

其實大家很多時候都會在created鉤子函式中是呼叫事件,那麼這個資料監聽和事件初始化就是在beforecreated之前和created之後進行的。

beforemount:這個進行模板編譯,編譯模板但是沒有元素掛載,無法獲取dom

mounted:元素掛載結束,可以獲取dom 元素

beforeupdata:元件更新前呼叫

updataed:元件更新後呼叫

beforedestory:vue例項銷毀前執行

destoryed:vue例項銷毀之後執行   vue例項銷毀後,dom元素還存在但是資料雙向繫結,vue的功能就沒有了,比如資料雙向繫結。

export default 

},methods:,

destroy()

},watch:

},beforecreate: function () ,

created: function () ,

beforemount: function () ,

mounted: function () ,

beforeupdate: function () ,

updated: function () ,

beforedestroy: function () ,

destroyed: function ()

}

結果展示:

vue 鉤子函式

一共有十乙個,但是常見的八個,常用的三四個 beforecreate 建立之前 常用 vue建立之前,data未生產。在beforecreate前,所有的options都會先存到vm.options中,在beforecreate之後,將 options裡的data,props,methods等等乙個...

vue 鉤子函式

beforerouteenter to,from,next 1 this undefined 2 this.data undefined 3 methods 裡面的方法 undefined 4 如果有快取,該方法不會被呼叫 beforecreate 1 如果有快取,該方法不會被呼叫 2 this.d...

vue鉤子函式

前言 鉤子就好像是把人的出生到死亡分成乙個個階段,你肯定是在出生階段起名字,而不會在成年或者死亡的階段去起名字。或者說你想在出生階段去 也是不行的。元件也是一樣,每個階段它的內部構造是不一樣的。所以一般特定的鉤子做特定的事,比如ajax獲取資料就可以在mounted階段。一 vue生命週期簡介 咱們...