javascript - vue组件与工作效率的最佳搭配是什么

Question

场景
：一个页面里面用三块内容（选项卡切换），用route做。三块内容非常项，又各自有各自的不同。

问题
：如何去做组件？如果把握组件和工作效率之间的平衡？

我的想法:

1.三个组件放在一个function里面，然后把不同的东西，传入进去，构建出一个个不同的组件。

2.或者就用一个组件，传递不同的数据源。把数据源分开，这种方法我感觉我需要判断的东西就多了。

有没有什么好的解决办法呢？

Answer 1

抽取出公共部分。
不同的地方用slot插槽的方式传入，或者靠props配置。