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()被調用,開始拆分組件和監聽器,生命週期終結
|