エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
第5回 シングルページアプリケーションを拡充する | gihyo.jp
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
第5回 シングルページアプリケーションを拡充する | gihyo.jp
はじめに 本稿は前回のシングルページアプリケーションの基礎を作成するの続編です。Vue Routerを使用し... はじめに 本稿は前回のシングルページアプリケーションの基礎を作成するの続編です。Vue Routerを使用して、データを取得する方法やフック関数について解説します。また、Vue Routerの機能を組み合わせた簡単なシングルページアプリケーション(以下SPA)の実装例を紹介します。 データの取得 SPAではページ遷移をした際に、APIを通じて取得したデータをUIに表示する場面が頻繁にあるでしょう。Vue Routerを使ったアプリでは、Vueのコンポーネントのcreatedとwatchを使って実装するのが一般的です。 前回の記事のサンプルコードでは、トップページとユーザー一覧ページがあるシンプルなSPAを作成しました。このSPAを拡張して、ユーザー一覧ページに切り替えたタイミングでユーザーの情報を取得して表示してみましょう。 ナビゲーションのHTMLのテンプレートは前回の記事のものと変わり