VUE生命周期的四個(gè)階段

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

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

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

beforecreate

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

create

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

beforemount

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

mounted

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

beforeupdate

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

update

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

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

總結(jié)

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

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