Vue.jsコンポーネント①

今日はコンポーネント（1）について。

1：コンポーネントとは？
html要素の一つのかたまり（例えばヘッダーなど）のこと。UIを部品化し、同じWebサイトの異なるページでも再利用可能にしたり、管理しやすくするためのツールの一つである。同じようなコードを何回も繰り返すと煩雑になってしまうため、シンプルにわかりやすくコンポーネント化しておくことで開発効率を高められる。

2：コンポーネントのメリット
・再利用性が高まり、開発効率を上げることができる。
・既存コンポーネントを再利用する＝品質を保つことができる。
・コンポーネントを適切に区切って疎結合した場合、保守性が高まる。
・カプセル化されることで「開発で意識すべき範囲」を限定できるようになる。

3：コンポーネントの設計
コンポーネントの設計について、どこで区切って、どんな状態で管理していくのが良いか？という点が迷いやすい。チームで開発をしていく際は、話し合って共通認識を持った方が良い。また、一度きりで使う予定（再利用しない）の部分についてはコンポーネント化しない方がいいこともある。
コンポーネントは基本的に再利用されることが前提としてあるため、作成時に「外部から利用される」ことを意識して作成する必要がある。