Nuxtアプリケーションの基本／各フォルダの役割・画面遷移・静的アクセス・WEB-APIからデータを取得 - SE_BOKUのまとめノート的ブログ

目次 はじめに Nuxt.jsを整理する方針 Nuxt.js基本要素－拡張子とフォルダの役割 ソースファイルの拡張子は「.vue」 フォルダ構成と各フォルダの役割 サンプルでやることと確認したいポイント 全Vueファイルの共通レイアウトの設定 内部リンクの書き方と画面遷移（ルーティング）などをサンプルで確認 header要素に出力する内容の書き方 assetsフォルダに置いた静的画像ファイルの参照 内部リンクによる画面遷移（NLinkタグ）の書き方 WebApiからデータを取得するなどをサンプルで確認 ソース内のブロック分けと役割 asyncData()内でaxiosを使ってWebAPIからデータを取得・表示 staticフォルダ内の静的データの参照 ルートのページに戻る内部遷移 実行イメージ テスト用：Originのチェックを行わないようにChromeを起動する方法 開発環境：Visua

[kashisan]

フォルダ構成・画面遷移・静的アクセス・asyncData()等基本形をおさえる／NUXT自己流チュートリアル

[JinjiSan]

なんとなくモヤモヤしてた部分がひとつわかったので・・。