当前位置: 首页 > news >正文

Vue--------父子/兄弟组件传值

父子组件

子组件通过 props 属性来接受父组件的数据,然后父组件在子组件上注册监听事件,子组件通过 emit 触发事件来向父组件发送数据。


defineProps接收

let props = defineProps({data: Array,
});


defineModel接收

let bb = defineModel("site");

兄弟组件

  • 第一种是使用 eventBus 的方法,它的本质是通过创建一个空的 Vue 实例来作为消息传递的对象,通信的组件引入这个实例,通信的组件通过在这个实例上监听和触发事件,来实现消息的传递。
  • 第二种是通过 $parent.$refs 来获取到兄弟组件,也可以进行通信。

任意组件

使用 eventBus ,其实就是创建一个事件中心,相当于中转站,可以用它来传递事件和接收事件。

http://www.lryc.cn/news/329839.html

相关文章:

  • Qt实现Kermit协议(一)
  • linux在使用重定向写入文件时(使用标准C库函数时)使处理信号异常(延时)--问题分析
  • 淘宝扭蛋机小程序:趣味购物新体验,惊喜连连等你来
  • linux:生产者消费者模型
  • C++教学——从入门到精通 5.单精度实数float
  • 面向对象设计之单一职责原则
  • 蓝桥杯真题:单词分析
  • Python字符串字母大小写变换,高级Python开发技术
  • CentOS常用功能命令集合
  • 黑马点评项目笔记 II
  • 关于一篇知乎答案的重现
  • 实时数据库测试-汇编小程序
  • HTML5 、CSS3 、ES6 新特性
  • 基于springboot+vue实现的驾校信息管理系统
  • X进制减法(贪心算法C++实现)
  • [Windows]服务注册工具(nssm)
  • Xilinx缓存使用说明和测试
  • LeetCode:2952. 需要添加的硬币的最小数量(贪心 Java)
  • 企业员工在线培训系统功能介绍
  • 服了,一线城市的后端都卷成这样了吗!?
  • Qt扫盲-QAssisant 集成其他qch帮助文档
  • [lesson01]学习C++的意义
  • LabVIEW双通道太阳射电频谱观测系统
  • Trapcode Particular---打造惊艳粒子效果
  • 从0到1利用express搭建后端服务
  • pytest和unittest 如何选择?
  • 《QT实用小工具·四》屏幕拾色器
  • 【Linux C | 多线程编程】线程的连接、分离,资源销毁情况
  • kubernetes-Pod基于污点、容忍度、亲和性的多种调度策略(二)
  • 数码管时钟--LABVIEW编程