官方文檔:
也就是說Vue實例中的data和methods已經可以使用了。但是還沒有掛載到頁面上。可以在created里面去后端獲取數據。
當進入mounted這個生命周期函數。此時頁面已經渲染出來,可以進行dom操作。
總而言之。created生命周期函數,可以去后端異步獲取數據,並保存到data里面。
mounted的話,如果需要在頁面上操作dom,就要在這個函數執行。但是注意 mounted 不會承諾所有的子組件也都一起被掛載。如果你希望等到整個視圖都渲染完畢,那就需要使用到vm.$nextTick
Vue中在哪個生命周期內調用異步請求?(直觀)
一般來說,可以在,created,mounted中都可以發送數據請求,但是,大部分時候,會在created發送請求。
Created的使用場景:如果頁面首次渲染的就來自后端數據。因為,此時data已經掛載到vue實例了。
在 created(如果希望首次選的數據來自於后端,就在此處發請求)(只發了異步請求,渲染是在后端響應之后才進行的)、beforeMount、mounted(在mounted中發請求會進行二次渲染) 這三個鈎子函數中進行調用。
因為在這三個鈎子函數中,data 已經創建,可以將服務端端返回的數據進行賦值。但是最常用的是在 created 鈎子函數中調用異步請求,因為在 created 鈎子函數中調用異步請求
有兩個優點:
第一點:能更快獲取到服務端數據,減少頁面 loading 時間;
第二點:放在 created 中有助於一致性,因為ssr 不支持 beforeMount 、mounted 鈎子函數。