Nuxt.js でコンポーネント作成。 ブログのモジュールを作成する | mintsu's blog

Nuxt.js でコンポーネント作成。 ブログのモジュールを作成する Nuxt.js でコンポーントの作成方法について記載します。 ブログなどで、人気ランキングモジュールや、関連記事モジュールなど、複数のページで共通の情報を表示する場合があります。 そういった場合にコンポーネントとして切り出しておくことで、共通化することができます。 目次 Nuxt.js でコンポーネント作成。 ブログのモジュールを作成する 目次 作りたいもの 環境・利用技術 データソース Vuex コンポーネントを作成する コンポーネントの表示 最後に 関連記事 作りたいもの ブログのモジュールとして、同一カテゴリの記事を表示するコンポーネントを作成します。 実際のブログで運用しているイメージとしては下記の様なものになります。(このブログ自体のもの) 今回は、少し簡略化してコンポーネントに切り分けて、コンポーネントを表示