vue生命週期

vue生命週期

vue生命週期分為八個階段：

建立前後（元件初始化時期），

beforecreate，

vue生命週期體系開始初始化，data和dom都還未初始化，無法訪問

created時

可以訪問到data，通常做一些資料的初始化動作，因為不會引起其他階段的鉤子函式重複執行

掛載前後（元件建立時期），

beforemount，

dom依然不可訪問，在這裡一般做一些ajax請求等，然後執行render，頁面開始渲染，但是date裡的資料還沒有解析頁面上還是還是}

mounted

元件渲染到頁面上去了，並解析了data裡的資料中可以訪問dom，對dom進行操作。而且mounted是先子元件mounted再父元件mounted

更新前後（生存期），

當對data，props，computed有改變時

會觸發beforeupdate和updated

銷毀前後（銷毀期）

最後乙個是銷毀階段，

beforedestroy

對data的改變不會觸發其他週期函式，通常做一些事件解綁，清空定時器的操作，

destroyed

在這裡也可以進行收尾工作，觸發：切換路由、手工呼叫destory這個方法 vm.$destory()

需注意

----初始化和建立時期（建立和掛載），頁面第一次渲染的時候

vue做了優化，data裡的資料在模板裡沒引用時，資料改變時，不會進行beforeupdata，updated

---子元件內部自己更新的時候，父元件不更新，只有當父元件與子元件傳遞的資料發生改變的時候才更新

---beforeupdate與updated這兩個週期裡不能改變 data裡的值會死迴圈

--陣列  不要通過下標進行修改$set方法

--物件不能新增屬性

如果本文對您有幫助，請抬抬您的小手，點下右下角的推薦， ^-^，當然如果看了這篇部落格對您有幫助是我最開心的事，畢竟贈人玫瑰，手有餘香， ^-^，如果這篇部落格沒有幫助到您，那就只能說一聲抱歉啦

vue生命週期

beforecreate 元件例項剛剛被建立，屬性都沒有 create 例項已經建立完成，屬性已經繫結 beforemount 模板編譯之前 mounted 模板編譯之後 beforeupdate 元件更新之前 updated 元件更新完畢 beforedestroy 元件銷毀之前 destroye...

vue生命週期

vue把整個生命週期劃分為建立 掛載 更新 銷毀等階段，每個階段都會給一些 鉤子 讓我們來做一些我們想實現的動作。學習例項的生命週期，能幫助我們理解vue例項的運作機制，更好地合理利用各個鉤子來完成我們的業務 我們分別來看看這幾個階段 1.beforecreate 此階段為例項初始化之後，此時的資料...

Vue 生命週期

import vue from vue el root 沒有的話,使用render,繼續沒有,就把el的outerhtml編譯成模板 template temp data beforecreate created el是原來的el beforemount 渲染函式 render h this.tex...