正在用Angular 2做项目，分割组件的时候遇到问题了。
大致是要做这样一个SPA，布局如下：
首先，最顶部的导航条自然是单独成一个组件，左边的目录部分和右边的详情部分应该用路由对应起来。
<header></header>
<router>
<menu>
<list1></list1>
<list2></list2>
<list3></list3>
</menu>
<detail>
<page1></page1>
<page2></page2>
<page3></page3>
</detail>
</router>请问，组件按照这样的布局结构嵌套是否合理？
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
不要为了组件化而组件化，根据项目情况 ，需要重复使用的部分可以抽象成组件，不然反而受累