Vue的生命週期解析

2021-10-16 17:50:37 字數 1035 閱讀 8668

1.每當我們新建乙個vue的時候,此時vue的生命週期就正式開始了

2.每當我們引入vue的包的時候,就自動引入new vue

3.每當我們引入resource包的時候,就會自動引入this.$http.(put,get等等)請求

beforecreate()該方法執行的時候資料都還沒有初始化

created()此時資料已經初始化完成

beforemount()模板已經初始化完成

重點

1.使用this.$http.get(『url』).then(result => )

此時必須與自己寫的後台內容對應,也必須是get請求例如

getall())

}

2.使用this.htt

p.po

st(′

url′

).th

en(r

esul

t=

>)業

務邏輯層

此時必須

與自己寫

的後台內

容對應,

也必須是

post

請求

3..使用t

his.

http.post('url').then(result => ) 此時必須與自己寫的後台內容對應,也必須是post請求 3..使用this.

lt=>)業

務邏輯層

此時必須

與自己寫

的後台內

容對應,

也必須是

post

請求3.

.使用t

此時必須與自己寫的後台內容對應,也必須是delete請求

del(id))

}

Vue生命週期解析

生命週期所有階段 建立 beforemount 注意 這裡進行虛擬的dom變成真實的dom資料 mounted 最早在這裡渲染的變數被賦值了,最遲在這裡做資料請求 要和第三方的元件庫進行結合的時候,我們要放在mounted裡面 更新 注意 資料在mounted裡進行變化,在這裡的資料都是更新後的資料...

vue生命週期淺解析

每個vue例項從建立到銷毀都有乙個生命週期,理解生命週中每個鉤子的意義可以幫助我們快速理解使用vue 下圖源自vue官網 1.beforecreated 建立前 vue例項化以後首先執行beforecreated鉤子,該鉤子函式在資料觀測和事件配置之前被呼叫,所以無法訪問例項中的資料和方法 befo...

vue生命週期

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