Vue复用带来的问题

 <div>
    <template v-if="status === 0">
      <v181-title title="调用频率组:"/>
      <div style="text-align: center;"><v-number ref="value" v-model="value" :min="min" :max="max"/></div>
    </template>
    <template v-else-if="status === 1">
      <v181-title title="发频率:"/>
      <div style="text-align: center;"><v-number v-model="faPinlv" ref="faPinlv" :max-length="6"  :min="1350" :max="1850"/>MHz</div>
    </template>
    <template v-else-if="status === 2">
      <v181-title title="收频率:"/>
      <div style="text-align: center;"><v-number v-model="shouPinlv" ref="shouPinlv" :max-length="6" :min="1350" :max="1850"/>MHz</div>
    </template>
  </div>

以上写法，v-number中的mounted方法只会执行一次，因为vue对其进行复用，正确做法是给组件增加key属性，其原因可能是让v-number销毁同时又让另外要给v-number组件创建，vue在这过程中通过key值判断是否要复用。

<v-number key="shouPinlv" />