Vue.jsコンポーネント①

今日はコンポーネント(1)について。

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

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

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



この記事が気に入ったらサポートをしてみませんか?