vue 的鉤子函式

2021-10-09 16:54:39 字數 669 閱讀 1841

beforemount掛載前,確定是否設定el選項(vm.$mount),是否有template選項,若有則渲染template,若沒有則渲染外部html

mounted掛載後,可以獲取到dom元素

beforeupdate更新前

updated更新後,依賴於dom操作,若更新data中的資料,可能會陷入死迴圈

beforedestroy銷毀前,通過vm.$destory()

destroyed銷毀後,進行一些優化操作,例如清空定時器,銷毀子元件,解除事件的繫結等

在鉤子函式中不能使用箭頭函式,因為箭頭函式內是沒有this的

let vm =

newvue(}

, el:

, template:

`123`,

beforecreate()

,created()

,beforemount()

,mounted()

,beforeupdate()

,updated()

,beforedestroy()

,destroyed()

})

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生命週期簡介 咱們...