vue鉤子函數

生命週期的過程階段(鉤子函數)：

1. beforeCreate：實例、組件經過new Vue()建立出來以後會初始化事件和生命週期，而後就會執行beforeCreate鉤子函數，此時，數據尚未掛載，只是一個空殼，沒法訪問到數據和真實的dom，通常不作操做。
2. created：掛載數據、綁定時間等等，而後執行created函數，此時能夠用到數據，也能夠更改數據，更改數據時不會觸發updated函數，這是在渲染前倒數第二次更改數據的機會，不會觸發其餘的鉤子函數，通常能夠在這裏作初始數據的獲取
3. beforeMount：而後開始找實例或者組件對應的模板，編譯模板爲虛擬dom放入到render函數中準備渲染，而後執行beforeMount鉤子函數，在該函數中虛擬dom已經建立完成，立刻就要渲染。此時也能夠更改數據，不會觸發updated，這是渲染前最後一次更改數據的機會，不會觸發其餘的鉤子函數，通常能夠在這裏作初始數據的獲取
4. mounted:接下來開始render，渲染出真實dom，而後執行mounted鉤子函數，此時，組件已經出如今頁面中，數據、真實dom都已經處理好了，事件都已掛載，此時能夠操做真實dom等等...
5. beforeUpdate：當組件或實例的數據更改後，會當即執行beforeUpdate,而後vue的虛擬dom機制會從新構建虛擬dom與上一次的虛擬dom樹利用diff算法進行對比以後從新渲染，通常不作其餘操做
6. updated：當更新完成後，執行updated，數據已經更改完成，dom也從新render完成，能夠操做更新後的虛擬dom
7. beforeDestory：當通過某種途徑調用$destory方法後，當即執行beforeDestory，通常作這些操做，好比：清除計時器、清除非指令綁定的事件等等
8. destoryed：組件的數據綁定。監聽...銷燬後只剩下空殼，此時執行destoryed，也能夠作一些例如清除計時器、清除非指令綁定的事件等操做。