.sync 修饰符#
作用:可以实现子组件与父组件数据的双向绑定,简化代码,作用与v-model
一致
特点:prop
属性名,可以自定义,非固定为value
,v-model
固定使用value
可读性不高
场景:封装弹框类的基础组件,visible
属性 true 显示 false 隐藏
本质:就是:属性名
和@update:属性名
合写
父组件(使用):
1 | <BaseDialog :visible.sync="isShow"></BaseDialog> |
子组件(封装):
1 | props:{ |