浅析Vue 修饰符.sync

.sync功能:当一个子组件改变了一个 prop 的值时,这个变化也会同步到父组件中;使用update:myPropName 模式触发事件,实现双向绑定

//父组件代码




//子组件代码




在一个包含money prop 的假设的组件中,通过以下方式赋予新值:

$emit('update:money', money-100)
// this.$emit 可以触发事件,并传参

然后父组件可以监听事件并根据需要更新一个本地的数据属性

 
// $event 可以获取$emit的参数
 

为了方便起见,这种模式可以缩写,即 .sync 修饰符:

 

你可能感兴趣的:(vue.js,前端,javascript)