Vue.js 2-将形式分解为更小的组件是一种不好的做法

Question

我有一个包含大约20个字段的大表单，为了实现最小代码量，我为输入和选择创建了独立的组件，然后将一个字段数组传递到v-for以创建表单。

但很快我发现处理表单序列化和链接选择非常复杂（例如，一个选择状态列表，另一个选择城市，具体取决于所选状态）。

但是，如果我在一个组件中编写表单，那么会有很多重复的div，类等。

那么哪种方式更好？

Answer 1

经过一些阅读并参考bootstrap-vue的官方文档和代码后，我现在相信独立和可重用的组件是必要的。

要解决表单序列化和链接选择的问题，官方文档Form Input Components using Custom Events会有所帮助。