Vue.jsのコンポーネント設計に滅茶苦茶悩んだ話 - Qiita

はじめに この度Vue.js（2系） + Vuetifyの構成（Laravelを使ったMPA）で社内で初めてVueを導入しての開発を行う事になったのですが、フロントエンドエンジニアが私一人ということもあり、コンポーネント設計で結構悩んだ話です。 そこで一応自分なりの結論が出たので、共有いたします。 まだまだ粗削りな部分はあるかと思いますが、少しでも皆さんの参考になれば幸いです。 詳細設計 まずVueに限らずコンポーネント志向のフレームワークでは基本的にAtomic Designをベースに設計すると思います。 そのため初めはそれに則り設計していたのですが、コンポーネントの粒度をどうするかの部分がイマイチ決まらず一度設計を見直す事になりました。 ※そもそもAtomic Designとは そこで、他の設計手法はないかと色々な企業様やエンジニアの方の記事を参考にさせていただきました。 ※参考にさせ