vue生命週期和鉤子函數

new Vue
建立vue實例
init events & liftcycle
開始初始化
beforeCreate
組件剛被建立,組件屬性計算以前,如data屬性等
init injections & reactivity
經過依賴注入導入依賴選項
created
組件實例建立完成,屬性已綁定,此時DOM還未生成
el屬性
檢查vue配置,即new Vue{}裏面的el項是否存在,有就繼續檢查template項。沒有則等到手動綁定vm.$mount();
template
檢查配置的template項,若是沒有template進行填充被綁定區域,則被綁定區域的el對象的outerHTML(即整個app DOM對象,包括<div id="app">和</div>標籤)都做爲被填充對象替換掉填充區域
beforeMount
模板編譯、掛載以前
create vm.$el and replace 'el' with it 
編譯,並替換了被綁定元素
mounted
編譯、掛載
Before update
組件更新以前
updated
組件更新以後
destroy
當vm.$destroy()被調用,開始拆分組件和監聽器,生命週期終結
相關文章
相關標籤/搜索