
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Nuxt.js】 asyncDataとfetchって結局どう使うの? - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Nuxt.js】 asyncDataとfetchって結局どう使うの? - Qiita
TL;DR. asyncDataとfetchはコンポーネントがロードされる度に呼び出され、外部からデータを取得する際に... TL;DR. asyncDataとfetchはコンポーネントがロードされる度に呼び出され、外部からデータを取得する際に使用する asyncDataは外部から取得したデータをページコンポーネントのみで使用する場合に使用する fetchは取得したデータをVuexのstoreに格納して使用したい場合に使用する そもそもasyncDataとfetchって何? asyncDataとfetchはページコンポーネントの初期化前に呼び出される関数のこと。 SSR(サーバーサイドレンダリング)、ページ遷移前にも呼び出される。 第1引数にcontext(オブジェクト)を取るので、クエリパラメータなどの値にアクセスして処理を行うことができる。 context内で利用できるキーに関してはAPI基本Contextを参照 一方で、コンポーネントのインスタンスが作成される前に処理が実行されてしまうため、thisでコンポ