耀极客论坛

 找回密码
 立即注册
查看: 582|回复: 0

详解vue3中的非父子组件传值

[复制链接]

336

主题

318

帖子

22万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
220553
发表于 2022-5-8 01:37:56 | 显示全部楼层 |阅读模式
  这篇文章主要为大家介绍了vue3中的非父子组件传值,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
  1. vue2中非父子组件的传值主要是通过事件总线,创建一个vue实例,通过在不同的组件中导入该实例来实现非父子组件之间的通信行为。
  2. vue3提供了**provide**和**inject**属性,可以实现非父子组件之间的通信;
  3. 假设有三个组件:App.vue(父级)、sub1(子级)、sub2(子级的子级):
复制代码
App.vue
[code]
‹template>
  ‹div>
    ‹h1>我是你爹‹/h1>
    ‹span>
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|耀极客论坛 ( 粤ICP备2022052845号-2 )|网站地图

GMT+8, 2022-11-28 20:42 , Processed in 0.080805 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表