簡單認識Vue的生命週期

2021-10-09 20:08:21 字數 791 閱讀 3917

vue的生命週期指的是元件從建立到銷毀的一系列的過程(資料監聽、編譯模板、將例項掛載到 dom 、更新 dom 等)。

通過vue在生命週期各個階段的鉤子函式,可以很好的在vue的各個生命階段實現一些操作。

建立期間

created:

beforemount:

mounted:

執行期間

updated:

銷毀期間

destoryed:

1. vue的生命週期?

beforecreate、created、beforemount、mounted、beforeupdate、updated、beforedestory、destoryed

2. 生命週期內created和mounted的區別?

區別在於檢視中的html是否已經渲染出來,created無法直接去操作html的dom節點,而mounted可以。

3. ajax請求放在vue哪個生命週期中?

created和mounted,created常用於簡單的ajax請求

4. 元件中父beforecreate和子beforecreate執行順序?

父beforecreate先【具體執行順序可看參考資料1ヾ(◍°∇°◍)ノ゙】

1. vue 生命週期深入

2. vue 例項

簡單認識React的生命週期

一.react的生命週期 這裡render渲染函式會執行兩次,第一次是當元件初始化完成的時候,第二次是當元件完成從資料的修改的時候再執行一次 1.建立和初始化到的生命週期 1 getdefaultprops 15.6版本的 初始化props值 2 componentwillreceiveprops ...

Vue 簡單理解生命週期

請先看官方圖示 點我鏈結 簡單化理解只有四個步驟,每個都有前置函式before create mount update destroy 1.初始化 new vue beforecreate created 2.當el選項繫結時 使用 mount繫結時 brforemount mounted 3.da...

vue生命週期

beforecreate 元件例項剛剛被建立,屬性都沒有 create 例項已經建立完成,屬性已經繫結 beforemount 模板編譯之前 mounted 模板編譯之後 beforeupdate 元件更新之前 updated 元件更新完畢 beforedestroy 元件銷毀之前 destroye...