Vue中在哪個生命週期內呼叫非同步請求?(直觀)

2021-10-06 11:03:38 字數 475 閱讀 9329

答:

一般來說,可以在,created,mounted中都可以傳送資料請求,但是,大部分時候,會在created傳送請求。

created的使用場景:如果頁面首次渲染的就來自後端資料。因為,此時data已經掛載到vue例項了。

在 created(如果希望首次選的資料來自於後端,就在此處發請求)(只發了非同步請求,渲染是在後端響應之後才進行的)、beforemount、mounted(在mounted中發請求會進行二次渲染) 這三個鉤子函式中進行呼叫。

因為在這三個鉤子函式中,data 已經建立,可以將服務端端返回的資料進行賦值。但是最常用的是在 created 鉤子函式中呼叫非同步請求,因為在 created 鉤子函式中呼叫非同步請求

有兩個優點:

第一點:能更快獲取到服務端資料,減少頁面 loading 時間;

第二點:放在 created 中有助於一致性,因為ssr 不支援 beforemount 、mounted 鉤子函式。

Vue中元件生命週期呼叫順序

簡單概括 元件的呼叫順序都是先父後子,渲染完成的順序是先子後父。元件的銷毀操作是先父後子,銷毀完成的順序是先子後父。載入渲染過程 父beforecreate 父created 父beforemount 子beforecreate 子created 子beforemount 子mounted 父mou...

Vue中元件生命週期呼叫順序

元件的呼叫順序都是先父後子,渲染完成的順序是先子後父。元件的銷毀操作是先父後子,銷毀完成的順序是先子後父。載入渲染過程父beforecreate 父created 父beforemount 子beforecreate 子created 子beforemount 子mounted 父mounted子元...

Vue中父子元件生命週期呼叫順序

元件的呼叫順序都是先父後子,渲染完成的順序是先子後父。元件的銷毀操作是先父後子,銷毀完成的順序是先子後父。載入渲染過程 父beforecreate 父created 父beforemount 子beforecreate 子created 子beforemount 子mounted 父mounted ...