vue生命周期 1.面試官通常會問請詳細的說下vue生命周期的理解 答:vue的生命周期分為8個階段這八個階段主要分別如下 創建前後:beforeCreated和Created beforeCreated(創建前):vue實例掛載元素$el和數據對象data都為undefined,還未初始化 Cre ...
vue生命周期
1.面試官通常會問請詳細的說下vue生命周期的理解
答:vue的生命周期分為8個階段這八個階段主要分別如下
創建前後:beforeCreated和Created
beforeCreated(創建前):vue實例掛載元素$el和數據對象data都為undefined,還未初始化
Created(創建後):vue實例數據data有了,$el還沒有
載入前後beforeMounted和Mounted
載入前(beforeMounted):vue實例的$el和data都初始化了,但還是掛載之前的虛擬dom節點,data.message還未替換
載入後(Mounted):vue實例掛載完成,data.message成功渲染
更新前後:beforeUpdate和update
更新前後(beforeUpdate/update):當data變化時,會觸發beforeUpdate和update方法
銷毀前後(destroy)
在執行destroy方法後,對data的改變不會再觸發周期函數,說明此時vue實例已經解除了事件監聽以及和dom的綁定,但是dom結構依然存在