異步請求數據,但是生命周期函數也是異步的,怎么才能保證渲染之前就能拿到數據呢?
官方給了兩種方案,
我們可以在異步獲取數據的時候加上一個loading表示現在在獲取數據.....
由於ajax是異步操作,vue不能保證在渲染之前拿到數據,vue能做的是初始化頁面隱藏,拿到數據再顯示。
根據需求,我們可以在created,beforeCreate的時候調用接口獲取數據,在成功拿到數據之后的回調函數里面,控制頁面顯示,這樣可以最大程度上避免頁面跳動的問題。這樣渲染和請求是異步的,等到請求回來之后再把頁面放出來(v-if)。