鉤子函式
通過上述測試我們可以知道
在beforecreate階段,對瀏覽器來說,整個渲染流程尚未開始或者說準備開始,對vue來說,例項尚未被初始化,data observer和 event/watcher也還未被呼叫,在此階段,對data、methods或文件節點的呼叫現在無法得到正確的資料。
在created階段,對瀏覽器來說,渲染整個html文件時,dom節點、css規則樹與js檔案被解析後,但是沒有進入被瀏覽器render過程,上述資源是尚未掛載在頁面上,也就是在vue生命週期中對應的created 階段,例項已經被初始化,但是還沒有掛載至$el上,所以我們無法獲取到對應的節點,但是此時我們是可以獲取到vue中data與methods中的資料的
在beforecreate階段,實際上與created階段類似,節點尚未掛載,但是依舊可以獲取到data與methods中的資料。
在mounted階段,對瀏覽器來說,已經完成了dom與css規則樹的render,並完成對render tree進行了布局,而瀏覽器收到這一指令,呼叫渲染器的paint()在螢幕上顯示,而對於vue來說,在mounted階段,vue的template成功掛載在$el中,此時乙個完整的頁面已經能夠顯示在瀏覽器中,所以在這個階段,即可以呼叫節點了(關於這一點,在筆者測試中,在mounted方法中打斷點然後run,依舊能夠在瀏覽器中看到整體的頁面)。
以上參考自
data: ).then(function(res) {
_this.productlist = res.body.result.list;
_this.totalmoney = res.body.result.totalmoney;
這段**參考自
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生命週期簡介 咱們...