javascript - vue怎麼合理分割元件？怎樣的模組該是單獨一個組件？

Question

最近在寫一個web聊天小應用，一個主介面，一個聊天頁。內容不複雜。第一次嘗試用Vue去寫，我把主介面頭部的個人資訊、中部的list、下部的好友分類切換以及點開list item打開的聊天界面正文，發訊息面板等，全部分割成了單獨的組件。
但是這貌似造成了更多的子父組件通信，領導說我這些根本不用寫在單獨的組件裡，組件的思想是複用，可我這些並不需要復用。但我看網路上的demo，也是將不同功能模組獨立出單一組件的。

---

所以希望大家幫我理理邏輯，該怎麼優化這個聊天功能的元件分割，該怎麼理解元件重複使用的想法？

Answer 1

我的理解是既然寫成了組件，就是說其他的地方會用到這個組件。不然抽出來沒有任何的意義，給自己增加麻煩。如果覺得頁面的內容較多，可以把css,js抽出來寫。