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

发布时间:2022-04-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了详解vue3中的非父子组件传值脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
vue2中非父子组件的传值主要是通过事件总线,创建一个vue实例,通过在不同的组件中导入该实例来实现非父子组件之间的通信行为。
vue3提供了**PRovide**和**inject**属性,可以实现非父子组件之间的通信;
假设有三个组件:App.vue(父级)、sub1(子级)、sub2(子级的子级):

App.vue

<template>
  <div style="border: 1px solid pink">
    <h1>我是你爹</h1>
    <span>

脚本宝典总结

以上是脚本宝典为你收集整理的详解vue3中的非父子组件传值全部内容,希望文章能够帮你解决详解vue3中的非父子组件传值所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。