vue组件化开发中一个.vue文件中的代码太多了，有什么好的解决办法？

Question

如何细拆组件，组件间通信代码又会有很多，觉得得不偿失，但是这个样子，代码有太多了，维护起来困难，
有什么好的解决办法吗，
页面有五块，这五块互相引用，互相联动，这种情况下拆成组件的话是不是太麻烦了，组件间交互的代码太多了

Answer 1

组件间的交互太多通常是因为组件要负责的事情太多了，组件并不是那么纯粹。一个页面中有5块相互交互，建议将这5块封装单独的ui组件，将逻辑单独抽离出来放在父级组件，由父级组件协调5块的交互。

Answer 2

鱼和熊掌不可兼得啊还是细分组件通过props传递,将props保存到子组件,然后操作数据再通过emit再触发回父组件吧