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)
相关推荐
秋秋小事几秒前
React Hooks UseRef的用法
前端·javascript·react.js
yinuo8 分钟前
uniapp换肤最佳实践
前端
麦麦大数据13 分钟前
求职推荐大数据可视化平台招聘系统 Vue+Flask python爬虫 前后端分离
vue.js·爬虫·python·信息可视化·flask·推荐算法·协同过滤
XboxYan1 小时前
CSS 小技巧:如何将 img 转换成 background-image
前端·css
辉长六加12 小时前
nodejs和vue安装步骤记录
前端·javascript·vue.js·npm·node.js
coding随想2 小时前
掌控网页的灵魂!揭秘DOM事件中鼠标与滚轮的终极操控术
前端
Jerry3 小时前
Compose 基础知识测试
前端
changuncle3 小时前
Angular初学者入门第三课——工厂函数(精品)
前端·javascript·angular.js
ScottePerk3 小时前
前端安全之XSS和CSRF
前端·安全·xss
PineappleCoder3 小时前
Canvas 复杂交互步骤:从事件监听 to 重新绘制全流程
前端