生命週期過程
生命週期指的事物從出生到死亡的過程
掛載→更新→銷燬
鉤子函數
- Vue實例從創建 到銷燬的過程 ，這些過程中會伴隨着一些函數的自調用。我們稱這些函數爲鉤子函數
| 構子函數 | 描述 |
|---|---|
| beforeCreate | 在實例初始化之後，數據觀測和事件配置之前被調用 此時data 和 methods 以及頁面的DOM結構都沒有初始化 什麼都做不了 |
| created | 在實例創建完成後被立即調用此時data 和 methods已經可以使用 但是頁面還沒有渲染出來 |
| beforeMount | 在掛載開始之前被調用 此時頁面上還看不到真實數據 只是一個模板頁面而已 |
| mounted | el被新創建的vm.$el替換，並掛載到實例上去之後調用該鉤子。 數據已經真實渲染到頁面上 在這個鉤子函數裏面我們可以使用一些第三方的插件 |
| beforeUpdate | 數據更新時調用，發生在虛擬DOM打補丁之前。 頁面上數據還是舊的 |
| updated | 由於數據更改導致的虛擬DOM重新渲染和打補丁，在這之後會調用該鉤子。 頁面上數據已經替換成最新的 |
| beforeDestroy | 實例銷燬之前調用 |
| destroyed | 實例銷燬後調用 |
