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