vue生命週期函式

2021-10-13 21:00:11 字數 440 閱讀 8212

生命週期函式 —即在某一時刻會自動執行的函式

beforecreate()—在例項生成之前會自動執行

created()—在例項生成之後會自動執行

beforemount()—把模板變成render函式後立即執行,也可理解為元件內容被渲染到頁面之前執行的函式

mounted()–在元件內容被渲染到頁面之後立即執行的函式

beforeupdate()—當data中的資料發生變化時會自動執行的函式

updated()—當data中的資料發生變化,同時頁面完成更新後,會自動執行的函式

beforedestroy()—當vue應用失效時,自動執行的函式

destroyed()—當vue應用失效時,且dom完全銷毀之後,自動執行的函式

注意:有template時取template中內容做處理,沒有時去取節點下的innerhtml內容去做處理

vue 生命週期函式

什麼是生命週期 從vue例項建立 執行 到銷毀期間,總是伴隨著各種各樣的事件,這些事件,統稱為生命週期!生命週期鉤子 就是生命週期事件的別名而已 生命週期鉤子 生命週期函式 生命週期事件 主要的生命週期函式分類 建立期間的生命週期函式 beforecreate 例項剛在記憶體中被建立出來,此時,還沒...

vue 生命週期函式

每個鉤子函式都在什麼時間觸發 1.beforecreate 在例項初始化之後,資料觀測 data observer 和 event watcher 事件配置之前被呼叫。2.created 3.beforemount 在掛載開始之前被呼叫 相關的 render 函式首次被呼叫。4.mounted el...

vue生命週期函式

從vue例項建立 執行到銷毀期間總會伴隨各種各樣的事件,這些事件統稱為生命週期。1 beforecreate 在beforecreate生命週期執行的時候,data和method中的資料都還沒有被初始化。2 ceated 在created中data和methods都已經初始化好了。3 beforem...