求助求解vue抽组件的原则是什么？

真的很纠结…
比如现在页面有如下元素：
1. 学生数据列表
2. 教师数据列表
3. 学生教师曲线图
三者有联动关系，比如点击学生某一行数据，可以调用服务，筛选出教师和曲线图的相关数据。
按同事说法，业务代码都放在一个文件中太长了，所以要拆成组件。但我在开发过程中发现三者的关联性太强了…绑了好多props和方法，组件间通信起来很乱。
想问下大佬们有什么好的建议吗，有没有组件通信起来清晰简单，各模块代码又不会堆叠在一起的方法呢