请教一个前端写组件拆分的问题

[redbeanzzZ]

用 vue 写前端业务时候，我经常会遇到什么内容需要提出来写组件的问题。如果业务中这个组件比较复杂，复用性高，我肯定会把他拿出来写个组件复用。
我现在有一个场景想问下大家会怎么写：一个列表页有多个按钮，都是展开一个抽屉进行表单填写的，一共有七八个按钮。我把抽屉的框架拿出来写个组件（比如标题，确认框这样），内部的表单内容再根据业务不同单个文件引入。同事认为这七八个表单有两三个还有相似的地方，还是可以复用，还要继续把相似的表单继续拿出来写个组件用。

我觉得那七八个页面已经很简单，我直接写逻辑会更清晰一些。这种情况哪种才是对的呢？

[vczyh]

校验规则不一样就别强求写到一起，我个人觉得前端需求比较复杂，容易发生变化，多使用组合，比如组件复用不太容易满足的时候，可以往更细的方面去做复用，比如用户选择，<Select/> 不好做成复用的话，可以做一个更细致的 useUsers hook ，这样数据有了，做一个新组件也很容易，用户列表都可以用这个 hook 。