async/await と Promise、もしかしてあまり理解できていないかもしれない……
コンポーネントのsetup
内からロジック置き場にある async/await つきの関数を呼び出したときに戻り値 Promise になっちゃう。
Promise になっちゃうとコンポーネントで表示に使いたい値が Promise になっちゃう。
async/await は Promise を返すのは分かってるけど、その Promise を解決する場合ってどうするの……?となって色々よくわからないことをやってたけど解決しなかった。
resolve とか Promise.all とか、あとasync beforeMount() => {}
とかで await で呼び出すとか。
非同期処理のことを前にちょっと学んだつもりでいたけど、ちょっとじゃダメで、Promise 含め根本から知識をつけなおそうと決意しました。
昨日読んだ記事は以下。
Promise の使い方、それに代わる async/await の使い方 - Qiita
async/await 入門(JavaScript) - Qiita