.sync修饰符

153 阅读1分钟

.sync修饰符其实是一个语法糖,是父组件接收子组件对应值改变时同步改变得到新参数过程的简化。

<template>
  <types :value="record.type" @update:value="onUpdateType"/> 
</template>

...
record:{type='-'}

onUpdateType(value){
  this.record.type=value 
}

引用的组件types

selectedType(type){
  this.$emit('update:value',type)
}

如果使用.sync

<template>
  <types :value.sync="record.type" /> 
</template>

这里prop里面新的type的值也会同步更新到record.type。