生命周期

  • new Vue() 開始創(chuàng)建一個Vue實(shí)例對象
  • beforeCreate 函數(shù)執(zhí)行時,data和methods中的數(shù)據(jù)都還沒有初始化
  • Create 函數(shù)執(zhí)行時,data和methods中的數(shù)據(jù)都已被初始化
  • beforeMount 函數(shù)執(zhí)行時,模板已經(jīng)編譯好了,但是未掛載到頁面上,頁面還未渲染
  • mounted 對頁面上的DOM節(jié)點(diǎn)進(jìn)行操作時,最早在此函數(shù)中,執(zhí)行完此函數(shù),Vue實(shí)例初始化完畢,進(jìn)入運(yùn)行階段
  • beforeUpdate 執(zhí)行此函數(shù)時,頁面中顯示的數(shù)據(jù)還是舊的,data數(shù)據(jù)是最新的,頁面尚未和最新數(shù)據(jù)保持同步
  • update 此函數(shù)執(zhí)行時,頁面和data數(shù)據(jù)已經(jīng)保持同步,都是最新的
  • beforeDestroy 實(shí)例上所有的data和methods以及過濾器、指令等都處于可用狀態(tài)
  • destroyed 組件已經(jīng)完全銷毀,實(shí)例上所有的data和methods以及過濾器、指令等都處于不可用


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • 實(shí)例生命周期鉤子 什么是生命周期:從Vue實(shí)例創(chuàng)建、運(yùn)行、到銷毀期間,總是伴隨著各種各樣的事件,這些事件,統(tǒng)稱為生...
    Autumn_2460閱讀 626評論 0 2
  • Vue 框架的入口就是 Vue 實(shí)例,其實(shí)就是框架中的 view model ,它包含頁面中的業(yè)務(wù)處理邏輯、數(shù)據(jù)模...
    阿根廷斗牛閱讀 961評論 0 2
  • Vue 框架的入口就是 Vue 實(shí)例,其實(shí)就是框架中的 view model ,它包含頁面中的業(yè)務(wù) 處理邏輯、數(shù)據(jù)...
    云中一樵夫閱讀 1,161評論 0 1
  • 什么是生命周期 每個 Vue 實(shí)例在被創(chuàng)建時都要經(jīng)過一系列的初始化過程,例如需要設(shè)置數(shù)據(jù)監(jiān)聽、編譯模板、將實(shí)例掛載...
    暖A暖閱讀 711評論 0 0
  • Vue的11個生命周期 什么是生命周期鉤子?所有的生命周期鉤子自動綁定 this 上下文到實(shí)例中,因此你可以訪問數(shù)...
    learninginto閱讀 2,338評論 0 5

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