Vue學習（三）生命週期函數

每一個Vue實例在被建立以前都要通過一系列的初始化過程,這個過程就是vue的生命週期。首先官方文檔上的圖片：

能夠看到在vue一整個的生命週期中會有不少鉤子函數提供給咱們在vue生命週期不一樣的時刻進行操做, 那麼先列出全部的鉤子函數，而後咱們再一一詳解:

• beforeCreate
• Created
• beforeMount
• Mounted
• beforeUpdate
• Update
• beforeDestroy
• Destroyed

beforeCreate

這是Vue在建立時的第一個生命週期函數，表示Vue實例在建立以前會執行這個函數，在 beforeCreate 生命週期函數執行的時候，data 和 methods 中的 數據都尚未沒初始化

Created

此時data和methods中的數據和方法已經建立好了，若是要調用，則最先可在這裏調用

beforeMount

該階段是，模板已經在內存中建立好，可是尚未渲染到頁面上

Mounted

表示，內存中的模板，已經真實的掛載到了頁面中，用戶已經能夠看到渲染好的頁面了，注意： mounted 是 實例建立期間的最後一個生命週期函數，當執行完 mounted 就表示，實例已經被徹底建立好了，此時，若是沒有其它操做的話，這個實例，就靜靜的 躺在咱們的內存中，一動不動

beforeUpdate

當實例在運行的時候，數據變化的時候運行，此時頁面顯示的數據是舊數據，可是data中的數據是最新的 尚未進行同步

update

此時的數據，頁面和data中是同步一致的

此時頁面中的