(Nuxt.js)共通部分をcomponent化して使い回す - Qiita

はじめに Nuxt.js Rails Dockerでプロジェクト進めてる時に 共通部分をcomponents化してメンテ性、可読性の向上を行なったのでその備忘録 共通部分をcomponent化するメリット 第一にまずコード量が減る 変更箇所が統一されメンテ性が向上する 使い回しができる ゴール 今回はわかりやすくログインフォームで実装します 先生用のフォームと生徒用のフォームでわかれていると仮定します (生徒用のフォーム) (先生用のフォーム) Propsでページごとに変更する箇所 【タイトル】 生徒ログイン ⇆ 先生ログイン 【リンク名前】 先生はこちら ⇆ 生徒はこちら 【リンクURL】 '/teacher' ⇆ '/student' 【ログインURL】 'api/v1/teacher/sign_in' ⇆ 'api/v1/student/sign_in' 今回はこの4つの項目を親ペー