VUE生命周期的四個階段

• create 創(chuàng)建 -------- 創(chuàng)建vue實例并初始化
• mount 掛載 -------- 把vue實例和視圖進行關聯(lián)
• update 更新 ------- 監(jiān)聽數(shù)據(jù)與視圖的變化
• destroy銷毀 ------- 銷毀實例

生命周期 --- 鉤子函數(shù)

vue為上面的4個大的階段提供了一個可編程的接口，我們可以在這4個的某個時段寫入一些自己的邏輯，vue是通過配置一個叫做生命周期鉤子函數(shù)的選項來實現(xiàn)的

beforecreate

• 在實例初始化之后，數(shù)據(jù)觀測（data observer）和event/watcher事件配置之前調(diào)用，里面的this指向?qū)嵗?/li>

create

• 實例已經(jīng)創(chuàng)建完成之后被調(diào)用。在這一步，實例已完成以下的配置；數(shù)據(jù)觀測（data observer),屬性和方法的運算，watch/event事件回調(diào)。然而，掛載階段還沒開始，還未與頁面關聯(lián)起來，$el屬性目前不可見。可在這階段進行一些初始化的操作（如ajax獲取數(shù)據(jù)之類的）

beforemount

• 在掛載之前沒調(diào)用，解析模板，把實例對象下的$el屬性指向設置中的el參數(shù)指定的元素，這個解析后的模板還沒有和$el進行綁定

mounted

• 掛載之后調(diào)用，把解析后的模板與頁面元素進行綁定，用解析后的模板內(nèi)容替換頁面

beforeupdate

• 在數(shù)據(jù)綁定之前被調(diào)用

update

• 在數(shù)據(jù)改變之后被調(diào)用，可以進行依賴于dom的操作（可以在這個階段進行dom操作）

轉(zhuǎn)載于:https://www.cnblogs.com/Ivy-s/p/7496462.html

總結(jié)

以上是生活随笔為你收集整理的详解vue生命周期及每个阶段适合进行的操作的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。