目次 はじめに Nuxt.jsを整理する方針 Nuxt.js基本要素-拡張子とフォルダの役割 ソースファイルの拡張子は「.vue」 フォルダ構成と各フォルダの役割 サンプルでやることと確認したいポイント 全Vueファイルの共通レイアウトの設定 内部リンクの書き方と画面遷移(ルーティング)などをサンプルで確認 header要素に出力する内容の書き方 assetsフォルダに置いた静的画像ファイルの参照 内部リンクによる画面遷移(NLinkタグ)の書き方 WebApiからデータを取得するなどをサンプルで確認 ソース内のブロック分けと役割 asyncData()内でaxiosを使ってWebAPIからデータを取得・表示 staticフォルダ内の静的データの参照 ルートのページに戻る内部遷移 実行イメージ テスト用:Originのチェックを行わないようにChromeを起動する方法 開発環境:Visua
![Nuxtアプリケーションの基本/各フォルダの役割・画面遷移・静的アクセス・WEB-APIからデータを取得 - SE_BOKUのまとめノート的ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9188d68a792a57ae550a661e90b35071df9daa9b/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Farakan_no_boku%2F20190509%2F20190509225706.png)