vue单页面组件中的组件问题

Question

用vue的单页面组件.vue开发项目的时候，做到弹窗时想把弹窗写成一个组件。
第一个问题:页面中这几种弹窗是不是应该做成一个组件。
第二个问题:页面中的每行文字加输入框需不需要单独做成一个.vue组件，因为这些弹窗中有相同的输入框。

还有这图中的每个子事件是否也需要单独做成.vue组件。
第一次做这种请帮忙解答下

Answer 1

这是一个组件按页面功能切分还是按业务逻辑切分的问题，两种思路都没问题，不管哪种，都需要想清楚，逻辑抽象是否覆盖了不同场景，并且需要平衡可复用性和复杂度，如果为了提升可复用性，过分增强了复杂度，则不如不要这个可复用性。

另外，可以考虑使用 elemefe 的 element 或者 mint 组件库啊。