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

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

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