Nuxt.jsで学ぶ、Vue.jsコンポーネント設計の基本 - Qiita

VueではStoreとしてVuexを採用するケースが多い(Nuxtでは標準)と思いますが、コンポーネント分割はReactなどと同様のルールが採用可能です。 コンポーネントをネストする規則 原典ではコンポーネントをネストする際のルールはかなり自由です。 Containerの中にContainerもPresentationalも入れてOKですし、反対にPresentationalの中にContainerもPresentationalも入れてOKとされています。 しかし実際の運用では、PresentationalはContainerを読み込めない、といったルールを設けることをオススメします。 アメブロでの実装例では、Atomic DesignのOrganismsをContainerとし、MoleculesとAtomsをPresentationalとして設定することで役割をより明確化しています。