生命週期 Life cycle

框架 Framework: Vue.js 生命週期 Life cycle

生命週期圖例

Life cycle 生命週期

名稱	簡述	說明
beforeCreate	建立元件之前	未創建實例，任何 Vue 實體中的設定(例如: data )都還未設定
created	建立元件後	完成創建實例，除了 `$el` 外已全部配置
beforeMount	載入元件之前	Vue 實體中的定義被掛載到目標元素之前叫用，這時的 `$el` 會是還未被 Vue 實體中的定義渲染的初始設定模板。
mounted	載入元件之後	Vue 實體上的設置已經安裝上模板，這時的 `$el` 是已經藉由實體中的定義渲染而成的真正的頁面。
beforeUpdate	更新元件之前	當實體中的 data 產生變化後呼叫，頁面還未被重渲染為改變後的畫面。
updated	更新元件之後	重新渲染頁面後叫用，這時的頁面已經被重渲染成改變後的畫面
beforeUnmount	卸載元件之前	在此實體被銷毀前時叫用，這時實體還是擁有完整的功能。
unmounted	卸載元件之後	此實體被銷毀後叫用，這時實體中的任何定義都已被解除綁定，代表在此做的任何操作都會失效。