位置: 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 替换所有)

  • ddp进口清关怎么交税
  • 甲供材料的增值税是多少
  • 税盘维护费抵扣
  • 冲减营业税金及附加的分录
  • 支付临时工劳务费700元需要开发票吗
  • 签劳务合同需要什么资质
  • 公司没有业务了 可以办理停业
  • 新会计准则开办费分摊
  • 工作未满12个月被辞退时前月平均工资怎么计算
  • 合作建房如何纳税
  • 处置固定资产增值税和所得税报税能一致吗
  • 企业购买房产如何列入投资计划的
  • 应收代位追偿款是什么意思
  • 加工样品全流程总结
  • 怎么不用关税
  • 事业单位结余如何分配
  • 收到一张建筑服务*施工费发票
  • 不良产品出库维护制度
  • 税交多了退税走到哪一流程了问谁
  • 单位参加城镇职工基本养老保险缴费基数怎么填写
  • 增值税专用发票的税率是多少啊
  • 2018增值税暂行条例
  • 租赁合同印花税双方都要交吗
  • 研发费用需要发什么科目
  • 公司员工餐费会计分录
  • 企业净资产增长率上升说明什么
  • 借壳上市是什么意思?融资
  • 公司还款给法人需要缴税吗
  • 公司转账不开票备注服务费怎么入账
  • 企业资产损失会计处理
  • 培训费没有发票怎么办
  • 实收资本怎样入账
  • 企业无法取得发票,如何税前扣除
  • mac上安装homebrew
  • 经营负债是指什么
  • 单位租房的房租怎么入账
  • 报考中级会计的工作证明
  • php的运行机制与什么有关
  • 收到保险公司的赔款计入什么科目
  • 酒店损益类科目包括哪些
  • vue数据更新会触发什么生命周期
  • yii2中dropDownList实现二级和三级联动写法
  • 基于html的旅游网站设计源代码
  • 一般纳税人上月有普通发票收入没入账可以次月加上吗
  • 回购股票并注销影响所有者权益吗
  • 代订饭店
  • 公积金怎么推出工资
  • 企业所得税包含员工工资吗
  • sqlserver代理服务启动失败
  • sql 获取指定字符位置
  • 员工多交个税企业就少交所得税吗?
  • 用友反结账怎么操作
  • 商业承兑汇票结算会计分录
  • 留存收益资本成本公式
  • 单位购入车辆能抵扣吗
  • xbox预览系统
  • win10重大更新
  • linux系统配置命令
  • ubuntu的root
  • 蓝屏代码bad_system_config_info
  • 如何在vmware虚拟机中安装macos11.0
  • win8打游戏卡吗
  • 动态加载dll错误
  • js处理跨域方式及原理
  • bash scp command not found的解决方法
  • 安卓手机本地
  • Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
  • 浏览器窗口上线怎么办
  • javascript实现3D切换焦点图
  • javascript简单代码
  • 安卓如何实现图片上传功能
  • python 元类的作用
  • 胰腺在人体的哪个部位图解
  • 发票查验结果怎么保存
  • 一般纳税人简易征收会计分录
  • 单位医保账号怎么注销掉
  • 广西税务12366如何交社保
  • 企业改制和重组的区别
  • 浙江农村医保手机上怎么缴费
  • 如何进行税务筹划工作
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设