這篇文章主要介紹vue中生命周期鉤子函數(shù)有哪些,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
成都創(chuàng)新互聯(lián)公司10多年企業(yè)網(wǎng)站設計服務;為您提供網(wǎng)站建設,網(wǎng)站制作,網(wǎng)頁設計及高端網(wǎng)站定制服務,企業(yè)網(wǎng)站設計及推廣,對戶外休閑椅等多個領域擁有多年的網(wǎng)站制作經(jīng)驗的網(wǎng)站建設公司。Vue實例的生命周期鉤子函數(shù)(8個)
1、beforeCreate
剛 new了一個組件,無法訪問到數(shù)據(jù)和真實的dom,基本上這個好像不能干啥
2、created
data屬性完成了賦值,可以對數(shù)據(jù)進行修改但是不會觸發(fā)updated,在這里可以做初始數(shù)據(jù)的獲取
3、beforeMount
render準備要渲染了,函數(shù)中虛擬dom已經(jīng)創(chuàng)建完成,這時候改變數(shù)據(jù)也不會觸發(fā)update,在這里可以做初始數(shù)據(jù)的獲取
4、mounted
開始render,渲染出真實dom,執(zhí)行mounted鉤子函數(shù),組件已經(jīng)出現(xiàn)在頁面中,數(shù)據(jù),事件,都DOM都處理好了。這里你 可以改是進行真實的DOM操作
5、beforeUpdate
組件,實例數(shù)據(jù)更新之前會執(zhí)行的函數(shù),虛擬DOM會重新構建虛擬DOM,與上一次的虛擬DOM對比后重新渲染。切記不可 進行數(shù)據(jù)修改否則會出現(xiàn)死循環(huán)
6、updated
更新完會執(zhí)行的函數(shù),切記不可進行數(shù)據(jù)修改否則會出現(xiàn)死循環(huán)
7、beforeDestroy
實例被銷毀之前會執(zhí)行的函數(shù),做善后的工作,清除計時器,清除非指令綁定的事件等等
8、destroyed
實例被銷毀后會執(zhí)行的函數(shù),也可以做善后工作。
Hello World!console這樣一個輸出順序:
大概這樣一個 生命周期鉤子函數(shù)執(zhí)行的順序,包括我之前是用angular開發(fā)跟vue一樣 他也有自己的生命周期鉤子函數(shù)。
生命周期簡單來說就是一個組件從創(chuàng)建到初始化到銷毀的一個過程,在這個過程中有這些生命周期鉤子函數(shù)我們可以更方便的去操作整一個組件。
以上是“vue中生命周期鉤子函數(shù)有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關知識,歡迎關注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道!