• ホーム
• Nuxt.js

カテゴリー：Nuxt.js

1. 04.11

   【Vue.js】「Vuex」の概要、Nuxt.jsでの活用

   Vuexの役割 アプリケーションの状態管理をしてくれます。アプリケーションを開発していると一つの状態を複数の場所で参照したいという状況が必ず生まれます。もし何も考えずに実装してしまうと同じ種類の状態や状態を更新するロジックをアプリの複数箇…

   • Nuxt.js, Vue.js
   • コメントを書く

2. 07.15

   【Nuxt.js】「ページコンポーネント」の属性「asyncData」について

   asyncData属性とは？ コンポーネントのロード毎に実行されます。Vuexストアのデータを使わずにデータを取得し、レンダリングの前に、非同期処理を行ってくれます。 標準のVue.jsでは非同期処理用の構文はありませんでしたので、…

   • Nuxt.js
   • コメントを書く

3. 07.15

   【Nuxt.js】基本、インストール（アクセスできない問題、Nuxt.js専用のコンポーネントについて(nuxt-link等）、Buefy）、使用できるコマンドについて

    Nuxt.jsとは？ JavaScriptフレームワークで有名な「Vue.js」のさらなるフレームワークとなります。 Nuxt.jsは、「ユニバーサルアプリケーション」を作成できる。 ユニバーサルアプリとは？ クライアントとサーバ…

   • Nuxt.js
   • コメントを書く

4. 07.14

   【Nuxt.js】「ページコンポーネント」（asyncData、fetch、コンテキスト、layout）

   pageディレクトリ .vueファイルは、一つのページを指しており、これを「ページコンポーネント」と呼びます。 追加する属性 Nuxt.jsでは、ユニバーサルアプリケーションを作成するために下記のように.vueファイルに独自の属性を追…

   • Nuxt.js
   • コメントを書く

5. 07.14

   【Nuxt.js】「レイアウトファイル」の使い方

   デフォルトレイアウトページ（default.vue） [crayon-6482813ba62e4958714754/] <nuxt /> Nuxt.jsで定義されたコンポーネントで、レイアウトファイル内でのみページコンポー…

   • Nuxt.js
   • コメントを書く

6. 07.14

   【Nuxt.js】作成したページの「ルーティング」をさせてみる。

   ルーティング設定（.nuxt/router.js） nuxt.jsのルーティングの設定ファイルになります。 なお、pagesディレクトリ配下に新しいページを作成すると、routesプロパティの配列にページが追加されます。 [cra…

   • Nuxt.js
   • コメントを書く

7. 07.14

   【Nuxt.js】ディレクトリ構成（nuxt.config.js、middreware、plugin、page、ルーティングなど）

   ディレクトリ構成一覧 構成要素 説明 .nuxt コマンドでのビルド結果はここに配置されます。 　└router.js pagesディレクトリ配下のファイルに対して、ルーティングの設定を行います。 …

   • Nuxt.js
   • コメントを書く