Nuxt 3 の非同期コンポーザビリティ

Question

Nuxt 3 に次の非同期コンポーザブルがありますが、React バックグラウンドから来ているため、期待どおりに動作しません。何かが足りないと思います。

コンポーザブルには次のコードがあります。

リーリー

次に、私のページでは次のように使用します:

リーリー

promise によって返される値を foo に取得させたいのですが、それは常に null です。

Nuxt 3 ではコンポーザブルを待機するのが一般的ですか? (await useAsyncFoo()) それを非同期関数としてエクスポートしますか?私は何か間違ったことをしましたか？

Answer 1

コンポーザブルからページにデータを転送しようとして午後を費やしましたが、いつも奇妙なデータまたは未定義のデータが生成されてしまいました。ここのコメントを読んで、何が足りなかったのかがようやくわかり、なんとかできるようになりました。ありがとうございます。それが役立つ場合は、ここに私のファイルがあります。

(FetchWrapper は、この 記事 に触発されて私が作成したコンポーザブルです。そのため、すべてのリクエストにトークンを追加する必要はありませんが、Nuxt $fetch メソッドを使用します。)

私のコンポーザブルアイテム

リーリー

マイページ

リーリー