vue中的ajax一般放在什么生命周期中

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

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

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

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

Vue生命周期

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

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

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

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

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

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

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

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

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

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

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

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

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

好處：

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

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

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

當前名稱：vue中的ajax一般放在什么生命周期中
網頁地址：http://muchs.cn/article4/gppooe.html

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

廣告

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

h5響應式網站建設