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)
相关推荐
@PHARAOH3 分钟前
HOW - 前端页面低代码 Schema 驱动最小范式
前端·低代码
LFly_ice8 分钟前
C# Web 开发从入门到实践
开发语言·前端·c#
大黄说说11 分钟前
Vue 3 + Vite 高性能项目最佳实践(2026 版)
前端·javascript·vue.js
数据服务生11 分钟前
围棋-html版本
前端·html
JohnsonXin12 分钟前
一次线上白屏排查:静态 import 是如何悄悄破坏 Webpack 共享 Chunk 的
前端·webpack·node.js
Mr -老鬼19 分钟前
前后端联调避坑!Vue优先IPv6导致接口不通,Rust Salvo这样解决
前端·vue.js·rust
予你@。22 分钟前
# Vue2 + Element UI 表格合并实战:第二列按「第一列 + 第二列」条件合并
前端·javascript·vue.js