這篇文章主要介紹了vue中的ajax一般放在什么生命周期中，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)長期為成百上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為皋蘭企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、網(wǎng)站制作，皋蘭網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

vue中的ajax請求一般放在“created”周期中，好處：1、能更快獲取到服務(wù)端數(shù)據(jù)，減少頁面loading時間；2、有助于一致性，因為ssr不支持beforeMount、mounted鉤子函數(shù)。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

Vue生命周期

• beforeCreate（創(chuàng)建前）: 在數(shù)據(jù)觀測和初始化事件還未開始,data、watcher、methods都還不存在，但是$route已存在，可以根據(jù)路由信息進行重定向等操作。

• created(創(chuàng)建后)：在實例創(chuàng)建之后被調(diào)用，該階段可以訪問data，使用watcher、events、methods，也就是說 數(shù)據(jù)觀測(data observer) 和event/watcher 事件配置 已完成。但是此時dom還沒有被掛載。該階段允許執(zhí)行http請求操作。

• beforeMount （掛載前）：將HTML解析生成AST節(jié)點，再根據(jù)AST節(jié)點動態(tài)生成渲染函數(shù)。相關(guān)render函數(shù)首次被調(diào)用(劃重點)。

• mounted (掛載后)：在掛載完成之后被調(diào)用，執(zhí)行render函數(shù)生成虛擬dom，創(chuàng)建真實dom替換虛擬dom，并掛載到實例。可以操作dom，比如事件監(jiān)聽

• beforeUpdate：vm.data更新之后，虛擬dom重新渲染之前被調(diào)用。在這個鉤子可以修改vm.data更新之后，虛擬dom重新渲染之前被調(diào)用。在這個鉤子可以修改vm.data更新之后，虛擬dom重新渲染之前被調(diào)用。在這個鉤子可以修改vm.data，并不會觸發(fā)附加的沖渲染過程。

• updated：虛擬dom重新渲染后調(diào)用，若再次修改$vm.data，會再次觸發(fā)beforeUpdate、updated，進入死循環(huán)。

• beforeDestroy：實例被銷毀前調(diào)用，也就是說在這個階段還是可以調(diào)用實例的。

• destroyed：實例被銷毀后調(diào)用，所有的事件監(jiān)聽器已被移除，子實例被銷毀

ajax放在vue的哪個 生命周期 中？

一般在，created，mounted 中都可以發(fā)送數(shù)據(jù)請求，但是，大部分時候，會在created發(fā)送請求。

Created的使用場景：如果頁面首次渲染的就來自后端數(shù)據(jù)。因為，此時data已經(jīng)掛載到vue實例了。

在 created（如果希望首次選的數(shù)據(jù)來自于后端，就在此處發(fā)請求）（只發(fā)了異步請求，渲染是在后端響應(yīng)之后才進行的）、beforeMount、mounted（在mounted中發(fā)請求會進行二次渲染） 這三個鉤子函數(shù)中進行調(diào)用。

因為在這三個鉤子函數(shù)中，data 已經(jīng)創(chuàng)建，可以將服務(wù)端端返回的數(shù)據(jù)進行賦值。但是最常用的是在 created 鉤子函數(shù)中調(diào)用異步請求，因為在 created 鉤子函數(shù)中調(diào)用異步請求

好處：

第一點：能更快獲取到服務(wù)端數(shù)據(jù)，減少頁面 loading 時間；

第二點：放在 created 中有助于一致性，因為ssr 不支持 beforeMount 、mounted 鉤子函數(shù)。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“vue中的ajax一般放在什么生命周期中”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!