Vue2 生命週期 lifecycle

2022-08-03 09:30:12 字數 1312 閱讀 6943

出處 : 我的github部落格

doctype html

>

<

html

>

<

head

>

<

title

>welcome to vue

title

>

<

script

src=""

>

script

>

head

>

<

body

><

div

id>}

div>

<

script

>

var=

newvue(,

beforecreate() ,

created() ,

beforemount() ,

mounted() ,

1000

); console.log(

"mounted ===",

this

.$el,

this

.msg,

"發起後端請求,拿回資料,配合路由鉤子");

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

比如 created 鉤子可以用來在乙個例項被建立之後執行**:

也有一些其它的鉤子,在例項生命週期的不同階段被呼叫,如 mounted、updated 和 destroyed。生命週期鉤子的 this 上下文指向呼叫它的 vue 例項。

博主github位址

vue3的生命週期鉤子與vue2生命週期對比理解

對於vue的生命週期想必大家都非熟悉,在專案中非常常用 生命週期 伴隨著生命週期,給使用者使用的函式,操控生命週期,主要是操控鉤子函式。vue2 vue3 beforecreate setup created setup beforemount onbeforemount mounted onmou...

Vue2 詳解生命週期

最近使用vue2做了乙個專案,生命週期鉤子分別是 beforecreate 例項剛建立,屬性繫結之前 created 例項建立完成,屬性繫結,但是還未將例項掛載到 el 上,也就是掛載元素上。beforemount 模板編譯 掛載前 mounted 模板編譯 掛載之後 在mounted請求資料時,將...

Vue2的生命週期

vue 例項有乙個完整的生命週期,也就是從開始建立 初始化資料 編譯模版 掛載 dom 渲染 更新 渲染 解除安裝等一系列過程,我們稱這是 vue 的生命週期。生命週期 描述beforecreate 元件例項被建立之初,data 和 methods 中的資料還沒有初始化 created 元件例項已經...