vue 生命鉤子

創(chuàng)建(數(shù)據(jù)監(jiān)測和數(shù)據(jù)代理)

beforeCreate(初始化前)

此時無法通過VM訪問到data中的數(shù)據(jù),methods中的方法(初始化生命周期和事件,但是數(shù)據(jù)代理還未開始

created (初始化完成)

此時可以通過VM訪問到data中的數(shù)據(jù),methods中的方法(數(shù)據(jù)代理和數(shù)據(jù)監(jiān)測已經(jīng)完成。)

掛載 (將虛擬DOM轉(zhuǎn)成真實DOM放入頁面)

beforeMount (掛載前)

解析成虛擬DOM
此時頁面呈現(xiàn)的是未經(jīng)編譯的DOM結(jié)構(gòu),所有對DOM操作的最終都不奏效

mounted(掛載完成)

已經(jīng)虛擬DOM轉(zhuǎn)為真實DOM插入頁面
此時頁面呈現(xiàn)的是已經(jīng)編譯的DOM結(jié)構(gòu),所有對DOM操作的都奏效(盡可能避免)
至此初始化結(jié)束

更新(data數(shù)據(jù)發(fā)生變化時)

beforeUpdate (更新前)

此時數(shù)據(jù)已經(jīng)更新,但是頁面還未更新

updated (更新完成)

此時數(shù)據(jù)是新的,頁面也是新的,即數(shù)據(jù)和頁面同步

銷毀

beforeDestroy (銷毀前)

此時VM中所有的:data methods 指令等等,都處于可用狀態(tài),馬上執(zhí)行銷毀過程
一般在此階段 :關(guān)閉定時器,取消訂閱,解除自定義時間等等收尾工作

destroyed (銷毀完成)

完全銷毀一個實例。清理它與其它實例的連接,解綁它的全部指令及自定義事件監(jiān)聽器。(原生DOM事件還可以觸發(fā))
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容