詳解vue生命週期及每一個階段適合進行的操做

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操做）