说一下你对vue组件通信的理解?

文章讲述了Vue中组件间通信的常见方法,包括父组件通过props向子组件传递数据,子组件使用$emit向父组件传递信息。非父子组件间通信可以通过eventbus或vuex实现。此外,也提到了数据共享的其他方式如路由、vuex和本地存储。
摘要由CSDN通过智能技术生成

1、组件通信是为了解决组件之间数据传递的问题。

  • 父子组件之间的通信
  • 非父子组件的通信

1-1、父组件如何与子组件进行通信?

  • 父组件将数据绑定在子组件上。
  • 子组件通过props属性来进行接收,props的接受方式有两种,分别是数组的方式接受,以及对象的方式接受,她们两个的不同是对象接受的方式可以设置默认值以及传递过来的类型

1-2、子组件如何与父组件进行通信?

  • 在子组件里用$emit 向父组件触发一个事件,父组件监听这个事件就行了

2、非父子组件之间通信的原理是什么?

非父子组件之间通信我们一般使用event bus,中央时间总线来进行解决,而中央事件总线是通过vue实例化之后的对象调用bus.emit来进行数据的发送,通过bus.$on来进行接收

2-1、非父子组件之间如何进行通信?

非父子组件之间通信我们可以使用vuex或者event bus,而这个event bus我们把它称之为中央事件总线,vue中央事件总线这种方法适用于任何情况的父子组件通信,同级别组件通信,相当于组件通信间的万金油。但是碰到多人合作时,代码的维护性较低,代码可读性低(可忽略)

3、除了组件之间的这种通信方式以外,还是什么方式可以让组件的数据进行共享?

路由,vuex,本地存储

4、props接收父组件发送过来的数据有几种形式?

两种,一种是数组,另外一种是对象

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

夏兮颜☆

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

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

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

打赏作者

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

抵扣说明:

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

余额充值