記事一覧
【Nuxt.js/Vue.js】layoutsとは
Nuxt.jsのlayoutsとは Nuxt.jsでは、layoutsフォルダの中に「default.vue」ファイルを作成して、共通のレイアウトを作る事ができる。 公式はこちら https://ja.nuxtjs.org…
【Nuxt.js/Vue.js】コンポーネント化する方法
コンポーネント化とは直書きしたコードをコンテンツごとに部品として分けてファイルを作成する事をコンポーネント化という。
何のためにコンポーネント化するのか
直書きしたコードが1つのファイルに並んでいると、可読性下がり、そうなると運用効率も下がるので、コンテンツごとにコンポーネント化して、コードの可読性や運用効率を高める
コンポーネント化の利点①可読性が高くなる
→ベースになるファイルに、コンポー
コンポーネントを読み込む/呼び出す/表示する【Vue.js】
★コンポーネントとは?機能ごとにHTML/JavaScript/CSSをセットしたパーツが入った箱の様なモノ
例)ナビゲーション・ユーザー情報などを「それぞれ1つのファイル(部品)」にして「独立したコンポーネント」とする事ができる
詳しくはこちら https://note.com/mg_rry/n/nbc872528cc1d
作業工程(やることは4つ)①コンポーネントを作成 (Footerを作る
【Nuxt.js/Vue.js】layoutsとは
Nuxt.jsのlayoutsとは
Nuxt.jsでは、layoutsフォルダの中に「default.vue」ファイルを作成して、共通のレイアウトを作る事ができる。
公式はこちら https://ja.nuxtjs.org/guide/views/
利点共通して表示したい部分に変更があった場合、「default.vue」の中だけを変更すれば、全てのページに変更が適用される。運用効率が高い。
ど
【Nuxt.js/Vue.js】ルーティングとは
忘備録メモ(作成中)
ルーティングとはURLで表示するコンポーネントを制御するnuxt.js(vue-router)の機能。
nuxt.jsは、vue.jsのフレームワーク
nuxt.jsでは、Pages配下がルーティングになる。
Pages>index.vue
ページのURLと連動しているファイルで、この中身がページに表示される。
ナビのHOME(TOP)になる部分
例)http://loc
コンポーネント指向【Vue.js】
忘備録メモ(作成中)
コンポーネントとは
機能ごとにHTML/JavaScript/CSSをセットしたパーツが入った箱の様なモノ
例)ナビゲーション・ユーザー情報などを「それぞれ1つのファイル(部品)」にして「独立したコンポーネント」とする事ができる
コンポーネント指向とは
複数のコンポーネントを作って、それを組み合わせることで一つのアプリケーション(ページ)を作るという考え方
使い方も簡単で