Vue 的生命週期

2021-10-23 13:35:33 字數 1054 閱讀 5597

data ----- undefind

method --- undefind

$el ------ undefind

data ----- 資料觀測(data observer) // 盡量不要在此處操作data

method --- 可用

$el ------ undefind

data ----- 資料觀測(data observer)

method --- 可用

$el ------ undefind

data ----- 資料觀測(data observer)

method --- 可用

$el ------ 建立完成 // 如果使用到一些第三方的ui外掛程式, 而且這個外掛程式還需要被初始化, 那麼,

必須在mounted中來初始化外掛程式

正在根據最新的data資料,重新渲染記憶體中的的模板結構;並把渲染好的模板結構替換到頁面上,可以

在這個鉤子中進一步地更改狀態,

這不會觸發附加的重渲染過程

當這個鉤子被呼叫時,元件 dom 已經更新,所以你現在可以執行依賴於 dom 的操作
例項銷毀之前呼叫, 元件即將被銷毀, 但是還沒有真正開始銷毀, 在這裡, 例項仍然完全可用, data、

methods等資料或方法,依舊可以被

正常訪問

vue 例項銷毀後呼叫, vue 例項指示的所有東西都會解繫結,所有的事件***會被移除,所有的子

元件也會被銷毀, data和methods都

不可使用

當我們運用了元件快取時, 如果想每次切換都傳送一次請求的話, 需要把請求函式寫在activated中, 

寫在created或mounted中其只會在

首次載入該元件的時候起作用在伺服器端渲染期間不被呼叫, 就是在掛載後和更新前被呼叫

vue生命週期

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

vue生命週期

vue把整個生命週期劃分為建立 掛載 更新 銷毀等階段,每個階段都會給一些 鉤子 讓我們來做一些我們想實現的動作。學習例項的生命週期,能幫助我們理解vue例項的運作機制,更好地合理利用各個鉤子來完成我們的業務 我們分別來看看這幾個階段 1.beforecreate 此階段為例項初始化之後,此時的資料...

Vue 生命週期

import vue from vue el root 沒有的話,使用render,繼續沒有,就把el的outerhtml編譯成模板 template temp data beforecreate created el是原來的el beforemount 渲染函式 render h this.tex...