vue基础学习笔记 --- 组件间数据的传输方式(7种,vue2环境下)

本文详细介绍了在Vue2环境中组件间数据传输的7种方法:props传递、自定义事件、$Bus全局事件总线、pubsub-js、Vuex、插槽以及跨组件传值。分别讲解了每种方式的使用场景、操作方法及其注意事项,为Vue.js开发者提供了实用的通信指南。
摘要由CSDN通过智能技术生成

1.props传输  ---- 父组件向子组件进行传递

  • 使用方式:在父组件中使用子组件的标签中将要传输的数据用v-bind(也可以用:)进行绑定;在子组件中props声明要接收的数据,可以传输三种方式:数组、对象、以及更准确的数据(包括数据类型,以及是否必传)

  • 注意:如果父组件要向子组件的子组件传递数据,那么要逐层进行传递;如果兄弟组件之间要进行数据通信,也不能直接使用props,必须要通过父组件进行传递

(1)数组:

父组件:

 子组件:

 (2)对象:

父组件:

 子组件:

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

努力学习的米

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值