provide&inject (学习)

  1. Vue项目中组件通信是很常用的,除了常见的父子通信,上一篇中还讲到了 EventBus 事件总线,本篇来学习一下利用 provide 实现非父子组件之间的通信。
     
  2.   首先创建 father 、son组件。

     
  3. 将father组件引入APP.vue 页面中显示,并且 father 组件引入 son 组件。


     
  4. 我们从 APP.vue 组件 直接传值给 son 组件,中间不经过 father 组件。
  5. 在 son 组件中进行接收。
  6. 看效果
  7. 其中 obj 我们接收的是一个对象,他是复杂数据类型,具有 响应性,接下来我们在APP.vue中修改他其中的属性,son 组件中的内容也会更改。


  8. 点击后发生了改变,证明复杂数据类型确实具有响应性。
  • 9
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值