合理的组件化应该怎么解耦？

Question

正在用Angular 2做项目，分割组件的时候遇到问题了。

大致是要做这样一个SPA，布局如下：

首先，最顶部的导航条自然是单独成一个组件，左边的目录部分和右边的详情部分应该用路由对应起来。

<header></header>

<router>

    <menu>

        <list1></list1>

        <list2></list2>

        <list3></list3>

    </menu>

    <detail>

        <page1></page1>

        <page2></page2>

        <page3></page3>

    </detail>

</router>

请问，组件按照这样的布局结构嵌套是否合理？

Answer 1

不要为了组件化而组件化，根据项目情况 ，需要重复使用的部分可以抽象成组件，不然反而受累