对于使用Vue表单有一些疑问：

1. < form >内部项目适合分离出组件吗？

今天专案有一个表单，如下图：

• 每个项目的input/select/textarea都有各自的标题、错误消息、id、name，
• 每个组合有可能1~5个项目(input/select/textarea)组成，每个组合都有各自的Icon
• 每个项目(input/select/textarea)操作都会影响该组合的icon

这样的表单，单组合适合分离出component吗？
会想分离成component是因为需要为每个设置data值：focus: false

照上述需求，分离出一个有两项目的组合就30行
（使用Pug、bootstrap vue、vuelidate验证）

<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>form_question-2.JPG757×563 57.1 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>

1. 如果页面上有完全一样的表单，会同时出现，这样要如何自动带变量给component？
   （用来更改内部组件id）
   会出现在不同区块，不能用v-for带index值
   还是只能手动调整带入的index值？
   类似v-bine-index=‘1’、v-bine-index='2’之类