vue中的ajax請求一般放在“created”周期中，好處：1、能更快獲取到服務端數(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)建之后被調用，該階段可以訪問data，使用watcher、events、methods，也就是說 數(shù)據(jù)觀測(data observer) 和event/watcher 事件配置 已完成。但是此時dom還沒有被掛載。該階段允許執(zhí)行http請求操作。

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

• mounted (掛載后)：在掛載完成之后被調用，執(zhí)行render函數(shù)生成虛擬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ā)送數(shù)據(jù)請求，但是，大部分時候，會在created發(fā)送請求。

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

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

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

好處：

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

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

【