javascript - vue怎样合理分割组件？怎样的模块该是单独一个组件？

Question

最近在写一个web聊天小应用，一个主界面，一个聊天页。内容不复杂。第一次尝试用Vue去写，我把主界面头部的个人信息、中部的list、下部的好友分类切换以及点开list item打开的聊天界面正文，发消息面板等，全部分割成了单独的组件。
但是这貌似造成了更多的子父组件通信，领导说我这些根本不用写在单独的组件里，组件的思想是复用，可我这些并不需要复用。但我看网上的demo，也是将不同功能模块都独立出单个组件的。

---

所以希望大家帮我理理逻辑，该怎么优化这个聊天功能的组件分割，该怎么理解组件复用的思想？

Answer 1

我的理解是既然写成了组件，就是说其他的地方会用到这个组件。不然抽出来没有任何的意义，给自己增加麻烦。如果觉得页面的内容较多，可以把css,js抽出来写。