VUE 生命周期 及作用
beforecreate 在實例初始化之后，這個時候數據還沒有掛載，只是一個空殼，無法訪問數據和真實的DOM 一般不做操作
created . 實例創建完成之后被調用，掛載數據 綁定事件 。 這個時候已經可以使用數據了，也可以更改數據，在這里更改數據不會出發updated,不會觸發其他鈎子函數，一般可以做初始化數據的獲取
beforeMount 在掛載開始之前被調用，這個時候虛擬DOM已經創建完成，馬上就要渲染，這里可以更改數據 ，不會觸發updated,渲染前最后一個更改數據的機會，不會觸發其他鈎子函數，一般可以在這里做初始化數據的獲取
mounted 掛載到實例 渲染出真實的DOM，數據真實DOM都處理好了 ，事件已經掛載好了，可以在這里操作真實DOM
beforeUpdate 數據更新時調用，發生在虛擬DOM重新渲染和補丁之前，當組件或實例的數據更改之后，會立即執行beforeUpdate，然后vue的虛擬dom機制會重新構建虛擬dom與上一次的虛擬dom樹利用diff算法進行對比之后重新渲染，一般不做什么事兒
updated . 由於數據更改導致的虛擬DOM重新渲染和打補丁，在這之后會調用該鈎子，當組件或實例的數據更改之后，會立即執行beforeUpdate，然后vue的虛擬dom機制會重新構建虛擬dom與上一次的虛擬dom樹利用diff算法進行對比之后重新渲染，一般不做什么事兒
beforeDestory 實例銷毀之前調用，般在這里做一些善后工作，例如清除計時器、清除非指令綁定的事件等等
destroyed 實力銷毀之后調用，組件的數據綁定、監聽...去掉后只剩下dom空殼，這個時候，執行destroyed，在這里做善后工作也可以