Vue 生命週期鉤子

2021-09-11 23:50:48 字數 502 閱讀 7186

從vue例項建立,執行,到銷毀期間,總是伴隨著各種各樣的事件,這些事件,稱為生命週期。

建立:beforecreate:例項剛剛在記憶體中被建立出來,但data和methods還沒有進行初始化。

created:例項已經在記憶體中建立,data和methods還沒有建立

beforemount:完成模板的編譯

mounted:將編譯好的模板,掛載到頁面指定的容器中

執行:beforeupdate:狀態更新之前執行此函式,此時data中的狀態值是新的,但介面上的資料是舊的,頁面未開始重新渲染dom節點

updated:data中的狀態值和介面上顯示的資料,都完成更新,介面完成重新渲染

銷毀:beforedestroy:例項銷毀之前呼叫,例項可用

destroyed:例項銷毀後呼叫,vue例項相關東西解繫結,***移除,子例項銷毀。

vue生命週期鉤子

el 表示dom元素,data 表示資料 deforecreated el和data並未初始化 created 完成了data資料的初始化,el沒有 beforemount 完成了el和data初始化 mounted 完成掛載 el和data都初始化完成,並且掛載在頁面上了 注意 以下勾子只能在 k...

vue生命週期鉤子

生命週期 vue 例項從開始建立 初始化資料 編譯模板 掛載dom 渲染 更新 渲染 解除安裝等一系列過程,我們稱這是 vue 的生命週期,各個階段有相對應的事件鉤子。函式元件狀態 最好的用法 beforecreate 例項初始化之後,this指向建立的例項,不能訪問到data computed w...

Vue 生命週期鉤子

生命週期函式就是vue例項在某乙個時間點自動執行的函式 伺服器端渲染期間生命週期被呼叫總共有8個函式 1.初始化事件和生命週期 beforecreate function 5.資料發生改變還沒重新渲染之前 beforeupdate function console.log beforeupdate ...