生命周期

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

  • destroyed 組件已經(jīng)完全銷毀，實(shí)例上所有的data和methods以及過濾器、指令等都處于不可用


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

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

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

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