技术栈

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)
上一篇:前端 | 前端工程化
下一篇:JNI中调用Java函数
相关推荐
拾光拾趣录
16 分钟前
CSS常见问题深度解析与解决方案(第三波)
前端·css
徊忆羽菲
23 分钟前
Echarts3D柱状图-圆柱体-文字在柱体上垂直显示的实现方法
javascript·ecmascript·echarts
轻语呢喃
33 分钟前
JavaScript :字符串模板——优雅编程的基石
前端·javascript·后端
杨进军
33 分钟前
React 协调器 render 阶段
前端·react.js·前端框架
中微子
36 分钟前
Blob 对象及 Base64 转换指南
前端
风铃喵游
36 分钟前
让大模型调用MCP服务变得超级简单
前端·人工智能
markyankee101
37 分钟前
Vue 响应式系统全面解析:从基础到高级实践
vue.js
中微子
38 分钟前
智能前端实践之 shot-word demo
前端
归于尽
38 分钟前
智能前端小魔术,让图片开口说单词
前端·react.js
用户987382458101
39 分钟前
vite 插件
前端
热门推荐
012024年 最新 iPhone手机 历代机型、屏幕尺寸、纵横比、分辨率 整理02Coze实战第13讲:飞书多维表格读取+豆包生图模型,轻松批量生成短剧封面03Coze扣子平台完整体验和实践(附国内和国际版对比)04MIUI显示/隐藏5G开关的方法,信号弱时开启手机Wifi通话方法05手机电脑之间快速传输图片视频文件,不压缩画质、不限制大小的方法!06扣子(coze)实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解07GPU 进阶笔记(二):华为昇腾 910B GPU08华为昇腾 910B 部署 DeepSeek-R1 蒸馏系列模型详细指南09DeepSeek各版本说明与优缺点分析10Word粘贴时出现“运行时错误53,文件未找到:MathPage.WLL“的解决方案