將表單的項做成組件，用v-for遍歷渲染數(shù)據(jù)。

    <template>
  <div>
    <div class="item-list" v-for='item in items'>
      <label for="">{{item.label}}</label>
      <input type="text" :placeholder="item.placeholder">
    </div>
   
  </div>
</template>

在此要注意的是，v-for等指令不能直接使用在組件根元素上，即不能這樣寫:

     <template>
    <div class="item-list" v-for='item in items'>
      <label for="">{{item.label}}</label>
      <input type="text" :placeholder="item.placeholder">
    </div>
   
</template>

另外，渲染屬性的時候，要使用：進(jìn)行綁定，否則無效。