vue常用的鉤子函式

2021-10-10 18:13:42 字數 941 閱讀 6132

beforecreate

這個時候,this變數還不能使用,在data下的資料,和methods下的方法,watcher中的事件都不能獲得到;

beforecreate()

,data()

},methods:

}

created

這個時候可以操作vue例項中的資料和各種方法,但是還不能對"dom"節點進行操作;

...

,created()

mounted

這個時候掛載完畢,這時dom節點被渲染到文件內,一些需要dom的操作在此時才能正常進行。

注意:mounted在整個例項的生命週期中只執行一次。

...

,mounted()

computed

是把所有需要依賴其他值計算的值寫成物件的key值。

data()

},computed:

,set

:function

(newvalue)

}}

這時候模板渲染的}這個值是2

注意:通過計算的countdouble這個變數不需要在data裡面宣告,如果宣告了就會報錯

watch

把監聽的值寫成物件的key值

data()

},watch:

}

這時候如果this.count發生了改變,那麼監聽count變數發生變化的function就會被執行

注意:需要監聽的這個變數需要在data裡面宣告,如果不宣告就會報錯

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