位置: IT常识 - 正文

vue父子组件通信(vue 父子组件通信)

编辑:rootadmin

vue父子组件通信方式有哪些?我们一起了解一下吧!
613/auto1686643547vue父子组件通信(vue 父子组件通信)

vue父子组件通信方式有Prop,$emit、$attrs 、 $listeners、provide 、 inject ,sync语法糖和一些其他方式。以下是常用通信方式的具体介绍。

1、prop
这个在我们日常开发当中用到的非常多。简单来说,我们可以通过 Prop 向子组件传递数据。用一个形象的比喻来说,父子组件之间的数据传递相当于自上而下的下水管子,只能从上往下流,不能逆流。这也正是Vue的设计理念之单向数据流。而 Prop 正是管道与管道之间的一个衔接口,这样水(数据)才能往下流。

2、$emit
官方说法是触发当前实例上的事件。附加参数都会传给监听器回调。

大致逻辑如下:当我在页面上点击按钮时,触发了组件 MyButton 上的监听事件 greet,并且把参数传给了回调函数 sayHi 。说白了,当我们从子组件 Emit(派发) 一个事件之前,其内部都提前在事件队列中 On(监听)了这个事件及其监听回调。

3、.sync 修饰符
在 vue@1.x 的时候曾作为双向绑定功能存在,即子组件可以修改父组件中的值。因为它违反了单向数据流的设计理念,所以在 vue@2.0 的时候被干掉了。但是在 vue@2.3.0+ 以上版本又重新引入了这个 .sync 修饰符。但是这次它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 监听器。说白了就是让我们手动进行更新父组件中的值了,从而使数据改动来源更加的明显。

4、$attrs

包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (class 和 style 除外),并且可以通过 v-bind="$attrs" 传入内部组件——在创建高级别的组件时非常有用。

5、$listeners

包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="$listeners" 传入内部组件——在创建更高层次的组件时非常有用。

6、EventBus

思路就是声明一个全局Vue实例变量EventBus,把所有的通信数据,事件监听都存储到这个变量上,这样就到达在组件间实现数据共享,有点类似Vuex。

关于vue父子组件通信方式,我们就分享到这啦!

本文链接地址:https://www.jiuchutong.com/zhishi/2709.html 转载请保留说明!

上一篇:idea背景怎么改为白色(idea 改背景)

下一篇:js替换所有指定字符串(js 替换所有)

  • 企业微博的营销推广技巧(企业微博营销的一般方法和技巧)

    企业微博的营销推广技巧(企业微博营销的一般方法和技巧)

  • word中表格高度怎么调不动(word中表格高度怎么调整一致)

    word中表格高度怎么调不动(word中表格高度怎么调整一致)

  • 表格密码忘记怎么打开(表格密码忘记怎么解密)

    表格密码忘记怎么打开(表格密码忘记怎么解密)

  • vivoy66怎么分屏钉钉(vivoy66怎么分屏快手)

    vivoy66怎么分屏钉钉(vivoy66怎么分屏快手)

  • 单反相机wb是什么意思(单反相机WB是什么意思)

    单反相机wb是什么意思(单反相机WB是什么意思)

  • 怎么将视频投放到电视上(怎么将视频投放到电视)

    怎么将视频投放到电视上(怎么将视频投放到电视)

  • 华为mate30视频美颜在哪里设置

    华为mate30视频美颜在哪里设置

  • qq龙王标识怎么关闭(qq龙王标识怎么显示)

    qq龙王标识怎么关闭(qq龙王标识怎么显示)

  • 苹果什么时候能修改微信(苹果什么时候能分屏)

    苹果什么时候能修改微信(苹果什么时候能分屏)

  • 什么软件能制作视频(什么软件能制作表格)

    什么软件能制作视频(什么软件能制作表格)

  • vivox23尺寸长宽高(vivox23尺寸长宽高厘米)

    vivox23尺寸长宽高(vivox23尺寸长宽高厘米)

  • 苹果8指纹老是不灵(苹果8指纹老是不灵敏)

    苹果8指纹老是不灵(苹果8指纹老是不灵敏)

  • 为什么朋友圈的视频不能看(为什么朋友圈的评论会隐藏呢)

    为什么朋友圈的视频不能看(为什么朋友圈的评论会隐藏呢)

  • 爱奇艺能不能两人同时用会员登录(爱奇艺能不能两台电脑一起看)

    爱奇艺能不能两人同时用会员登录(爱奇艺能不能两台电脑一起看)

  • 闲鱼卖家取消交易有影响吗(闲鱼卖家取消交易钱会退给买家吗)

    闲鱼卖家取消交易有影响吗(闲鱼卖家取消交易钱会退给买家吗)

  • 手机相机s什么意思(手机相机中的s是什么)

    手机相机s什么意思(手机相机中的s是什么)

  • word文档无法复制粘贴(word文档无法复制粘贴到u盘怎么办)

    word文档无法复制粘贴(word文档无法复制粘贴到u盘怎么办)

  • word页面视图怎么恢复正常(word页面视图怎么删除空白页)

    word页面视图怎么恢复正常(word页面视图怎么删除空白页)

  • 苹果备忘录怎么改背景(苹果备忘录怎么导出来长图文)

    苹果备忘录怎么改背景(苹果备忘录怎么导出来长图文)

  • 怎么在excel中查找关键字(怎么在excel中查重复项)

    怎么在excel中查找关键字(怎么在excel中查重复项)

  • 乐视手机怎么删除乐见和乐头条(乐视手机怎么删除全部联系人)

    乐视手机怎么删除乐见和乐头条(乐视手机怎么删除全部联系人)

  • vue怎么增加照片(vue怎么照片设置)

    vue怎么增加照片(vue怎么照片设置)

  • 微信群里的视频怎么删除(微信群里的视频怎么导出来)

    微信群里的视频怎么删除(微信群里的视频怎么导出来)

  • 2.4g和5g的wifi区别(2.4g和5g的wifi区别知乎)

    2.4g和5g的wifi区别(2.4g和5g的wifi区别知乎)

  • 美图秀秀怎么发文章(美图秀秀怎么发布自己的配方)

    美图秀秀怎么发文章(美图秀秀怎么发布自己的配方)

  • 工程类预交税金
  • 什么情况下个人资产会被冻结
  • 出租房屋收取水电费 能计收入吗
  • 如何计提当月的个人所得税?
  • 出口退税中的免抵税额可以认为是交的税吗
  • 开票资料银行必须填写吗
  • 咨询费计入什么管理费用的什么科目
  • 增值税和个人所得税都要交吗
  • 母公司及子公司借款要利息吗
  • 增值税普通发票有什么用
  • 微企怎么申请补贴
  • 补缴企业所得税的计算公式
  • 取得租金收入的会计分录
  • 房地产开发企业资质等级有几个
  • 收回已作为坏账准备的应收账款会计分录
  • 地产佣金收入属什么收入
  • 小规模纳税人开了3%的专票还能享受1%
  • 企业利用个体户走账
  • 广告业务增值税
  • 出口企业是外贸企业吗
  • 企业给员工购买的团体意外险的被保险人一般是
  • 计提附加税的会计分录
  • 应收账款减值准备计提比例
  • 单位存款账户按用途分为
  • 固定资产转移是什么意思
  • 权益法核算下的顺流交易
  • 公司估值一般不超过市值多少
  • 销售合作分成会计分录
  • win7如何打开管理员权限
  • php红包源码
  • WordPress置顶文章的相关PHP函数小结
  • PHP:session_destroy()的用法_Session函数
  • 印花税股权转让税目
  • 电脑怎样设置共享文件夹
  • 应收账款转让的限制约定
  • 小微企业报税后多久缴税
  • 外币借款业务的特点包括
  • 增值税留抵税额计入什么科目
  • php中自定义函数的语法格式
  • 【手撕Transformer】Transformer输入输出细节以及代码实现(pytorch)
  • php和python结合
  • php简单统计中文字符
  • mysql 临键锁
  • vue大型项目撑得住吗
  • 存货非正常损失可以所得税前扣除吗
  • 火车头造型
  • 公司纳税信用等级B级是什么意思
  • 资产减值损失应在计算()时扣除
  • 营改增之前的工程还能开票吗
  • 长期股权投资的账面价值怎么计算
  • 存货跌价准备的账务处理
  • mysql innodb锁
  • 工伤报销计入什么科目
  • 缴纳的增值税怎么做账
  • 期末调汇汇兑损益科目
  • 哪些发票可以提供发票
  • 开具其他发票收入填报异常
  • 有销项税额转出吗
  • 如何配置samba配置文件
  • 怎么看solaris版本
  • xp怎么关闭自启动
  • ubuntu虚拟机怎么联网
  • linux的free
  • ubuntu安装配置静态ip地址
  • mac迁移助理是什么意思啊
  • win7 win8.1
  • linux内核的作用
  • centos7 ip命令
  • win8计算机配置在哪
  • win7自带截图工具
  • win7无法打开windows功能
  • win8 屏幕键盘
  • unity shader
  • android 属性动画改变view大小
  • 苏州峰谷电怎么申请
  • 税务巡视组一般检查什么
  • 税务备案超过15天
  • 法人实名采集必须去现场吗
  • 其他收入工会经费必须申报吗
  • 总公司与分公司签订承包协议
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设