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

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

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

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

Vue生命周期

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

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

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

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

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

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

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

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

ajax放在vue的哪個(gè) 生命周期 中？

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

Created的使用場(chǎng)景：如果頁(yè)面首次渲染的就來(lái)自后端數(shù)據(jù)。因?yàn)椋藭r(shí)data已經(jīng)掛載到vue實(shí)例了。

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

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

好處：

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

第二點(diǎn)：放在 created 中有助于一致性，因?yàn)閟sr 不支持 beforeMount 、mounted 鉤子函數(shù)。

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

當(dāng)前名稱：vue中的ajax一般放在什么生命周期中
網(wǎng)頁(yè)地址：http://aaarwkj.com/article4/gppooe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、品牌網(wǎng)站制作、微信小程序、App開發(fā)、營(yíng)銷型網(wǎng)站建設(shè)、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)