.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。