vue生命週期是什麼 有什麼作用

2021-10-09 07:13:55 字數 1149 閱讀 3804

我們知道 vue 是通過構建資料驅動的web介面的漸進式框架

所謂週期就是指從乙個起點到乙個終點的過程,那麼生命週期就是指從生命開始到生命結束的過程

從而可以理解vue生命週期就是指vue例項從建立到銷毀的過程

使用vue時, 用到所有功能都是圍繞vue生命週期實現的,在生命週期的不同階段呼叫對應的鉤子函式來實現元件資料管理和dom渲染兩大重要功能

那麼vue 生命週期有哪些階段呢

一、建立

1、beforecreate:這個階段例項已經初始化,只是資料觀察與事件機制尚未形成,不能獲取dom節點(沒有data,沒有el)

使用場景:因為此時data和methods都拿不到,所以通常在例項以外使用

2、created:例項已經建立,仍然不能獲取dom節點(有data,沒有el)

使用場景:模板渲染成html前呼叫,此時可以獲取data和methods,so 可以初始化某些屬性值,然後再渲染成檢視,非同步操作可以放在這裡

二、載入

1、beforemount:是個過渡階段,此時依然獲取不到具體的dom節點,但是vue掛載的根節點已經建立(有data,有el)

2、mounted:資料和dom都已經被渲染出來了

使用場景:模板渲染成html後呼叫,通常是初始化頁面完成後再對資料和dom做一些操作,需要操作dom的方法可以放在這裡

三、更新

1、beforeupdate:檢測到資料更新時,但在dom更新前執行

2、updated:更新結束後執行

使用場景:需要對資料更新做統一處理的;如果需要區分不同的資料更新操作可以使用$nexttick

四、銷毀

1、beforedestroy:當要銷毀vue例項時,在銷毀前執行

2、destroyed:銷毀vue例項時執行

第一次頁面載入會觸發哪些鉤子

beforecreate、created、beforemount、mounted

Vue 生命週期有哪些?作用是什麼?

vue 例項從開始建立 初始化資料 編譯模板 掛載dom和渲染 更新和渲染 解除安裝等一系列過程,這是 vue 的生命週期 它的生命週期中有多個事件鉤子,讓我們在控制整個vue例項的過程時更容易形成好的邏輯 第一次頁面載入時會觸發 beforecreate,created,beforemount,m...

1 什麼是vue生命週期?有什麼作用?

1.什麼是vue生命週期?有什麼作用?每個 vue 例項在被建立時都要經過一系列的初始化過程 例如,需要設定資料監聽 編譯模板 將例項掛載到 dom 並在資料變化時更新 dom 等。同時在這個過程中也會執行一些叫做 生命週期鉤子 的函式,這給了使用者在不同階段新增自己的 的機會。ps 生命週期鉤子就...

軟體生命週期是什麼?

通常,將軟體產品從提出 實現 使用維護到停止使用退役的過程稱為軟體生命週期。也就是說,軟體產品從考慮其概念開始,到該軟體產品不能使用為止的整個時期都屬於軟體生命週期。軟體生命週期主要包含以下六個階段 可行性研究和計畫制定。確定待開發軟體系統的開發目標和總的要求,給出它的功能 效能 可靠性以及介面等方...