感謝内容提供者：金牛區吳迪軟體開發工作室

Vue的生命周期鈎子函數介紹

vue生命周期共分為四個階段

​一：執行個體建立​

​二：DOM渲染​

​三：資料更新​

​四：銷毀執行個體​

共有八個基本鈎子函數

​1.beforeCreate --建立前​

觸發的行為：vue執行個體的挂載元素$el和資料對象data都為undefined，還未初始化。

在此階段可以做的事情：加loading事件

​2.created --建立後​

觸發的行為：vue執行個體的資料對象data有了，$el還沒有

在此階段可以做的事情：解決loading，請求ajax資料為mounted渲染做準備

​3.beforeMount --渲染前​

觸發的行為：vue執行個體的$el和data都初始化了，但還是虛拟的dom節點，具體的data.filter還未替換

在此階段可以做的事情：。。。

​4.mounted --渲染後​

觸發的行為：vue執行個體挂載完成，data.filter成功渲染

在此階段可以做的事情：配合路由鈎子使用

​5.beforeUpdate --更新前​

觸發的行為：data更新時觸發

在此階段可以做的事情：。。。

​6.updated —更新後​

觸發的行為：data更新時觸發

在此階段可以做的事情：資料更新時，做一些處理（此處也可以用watch進行觀測）

​7.beforeDestroy —銷毀前​

觸發的行為：元件銷毀時觸發

在此階段可以做的事情：可向使用者詢問是否銷毀

​8.destroyed —銷毀後​

觸發的行為：元件銷毀時觸發，vue執行個體解除了事件監聽以及和dom的綁定（無響應了），但DOM節點依舊存在