Vue-2.4sync修饰符

小沐°2023-10-12 14:53

作用：可以实现子组件与父组件数据的双向绑定，简化代码

特点：prop属性名，可以自定义，非固定为value

场景：封装弹框类的基础组件，visible属性 true显示 false隐藏

本质：就是:属性名和@update:属性名合写

父组件：

复制代码

<BaseDialog :visible.sync="isShow"/>
等价于
<BaseDialog :visible="isShow" @update:visible="isShow=$event"/>

子组件：

复制代码

props:{
    visible:Boolean
},
this.$emit('update:visible',false)