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)
相关推荐
踩着两条虫3 分钟前
VTJ.PRO AI + 低代码实战:接入高德地图
前端·vue.js·ai编程
绝世唐门三哥3 分钟前
React性能优化:memo、useMemo和useCallback全解析
前端·react.js·memo
兔子零10246 分钟前
Claude Code 都把宠物养进终端了,我做了一个真正能长期玩的中文宠物游戏
前端·游戏·游戏开发
xiaotao1316 分钟前
Vite 与 Webpack 开发/打包时环境变量对比
前端·vue.js·webpack
摆烂工程师11 分钟前
教你如何查询 Codex 最新额度是多少,以及 ChatGPT Pro、Plus、Business 最新额度变化
前端·后端·ai编程
捧月华如14 分钟前
响应式设计原理与实践:适配多端设备的前端秘籍
前端·前端框架·json
笨笨狗吞噬者16 分钟前
VSCode 插件推荐 Copy Filename Pro,快速复制文件、目录和路径的首选
前端·visual studio code
web_小码农17 分钟前
CSS 3D动画 旋转木马示例(带弧度支持手动拖动)
javascript·css·3d
Armouy19 分钟前
Electron:核心概念、性能优化与兼容问题
前端·javascript·electron
F2E_Zhangmo21 分钟前
react native如何发送蓝牙命令
javascript·react native·react.js