Vue-2.4sync修饰符

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

特点: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)
相关推荐
SelectDB技术团队几秒前
云上数据安全新范式:Apache Doris IAM Assume Role 解锁无密钥访问 AWS S3 数据
服务器·前端·安全
m0_740043732 分钟前
Vue 组件中获取 Vuex state 数据的三种核心方式
前端·javascript·vue.js
Hashan2 分钟前
基于Vue3完成动态组件库建设
前端
想要成为糕糕手2 分钟前
JavaScript 面向对象编程:从构造函数到原型继承的完整指南
javascript
北辰alk3 分钟前
Vue动态组件:让组件“活”起来的终极指南
vue.js
李慕婉学姐3 分钟前
【开题答辩过程】以《基于Springboot和Vue的生活垃圾识别与处理系统》为例,不知道这个选题怎么做的,不知道这个选题怎么开题答辩的可以进来看看
vue.js·springboot
爱吃香菜i5 分钟前
基于Vant的移动端公共选人/选部门组件设计文档
前端
Jingyou7 分钟前
JavaScript 封装无感 token 刷新
前端·javascript
想要成为糕糕手8 分钟前
从零实现一个健壮可复用的“就地编辑”组件:深入剖析 OOP、DOM 与事件机制
javascript
quan263110 分钟前
20251204,vue列表实现自定义筛选和列
前端·vue.js·elementui