vue重复组件与重复data问题

<section class="repeatXinput"  v-for="(contact,index) in contacts">
          <x-input v-model="contact.people" title="联系人" placeholder="输入姓名或称呼" text-align="right" placeholder-align="right"></x-input>
          <x-input v-model="contact.mobile" title="联系电话" placeholder="输入联系号码" text-align="right" placeholder-align="right"></x-input>
        </section>

contacts:[
              {
                people:'',
                mobile:''
              }
            ]
          }