由於 hook只會在指定時間執行(生命周期之中),使用非同步方法...等是不會影響周期執行,所以就算你加上了async await 也不會等promise的程式跑完,才去執行下一個hook。
所以mounted
時會變成畫面渲染完才會執行async mounted 中 await的程式,
若畫面中資料是需要等待API回傳,且結構比較深層就有可能發生錯誤,或者是資料回來後沒能成功渲染在畫面上。
這時候就可以利用v-if的作法,在async mounted
執行完後,讓一個dataReady變成true,再讓畫面渲染,就可成功達到async mounted
功能。