VUE生命周期的四個階段
- create 創建 -------- 創建vue實例并初始化
- mount 掛載 -------- 把vue實例和視圖進行關聯
- update 更新 ------- 監聽數據與視圖的變化
- destroy銷毀 ------- 銷毀實例
生命周期 --- 鉤子函數
vue為上面的4個大的階段提供了一個可編程的接口,我們可以在這4個的某個時段寫入一些自己的邏輯,vue是通過配置一個叫做生命周期鉤子函數的選項來實現的
beforecreate
- 在實例初始化之后,數據觀測(data observer)和event/watcher事件配置之前調用,里面的this指向實例
create
- 實例已經創建完成之后被調用。在這一步,實例已完成以下的配置;數據觀測(data observer),屬性和方法的運算,watch/event事件回調。然而,掛載階段還沒開始,還未與頁面關聯起來,$el屬性目前不可見。可在這階段進行一些初始化的操作(如ajax獲取數據之類的)
beforemount
- 在掛載之前沒調用,解析模板,把實例對象下的$el屬性指向設置中的el參數指定的元素,這個解析后的模板還沒有和$el進行綁定
mounted
- 掛載之后調用,把解析后的模板與頁面元素進行綁定,用解析后的模板內容替換頁面
beforeupdate
- 在數據綁定之前被調用
update
- 在數據改變之后被調用,可以進行依賴于dom的操作(可以在這個階段進行dom操作)