受伤泥猴桃

文章
7
资源
0
加入时间
3年0月21天

Vue3补充非父子组件的通信Composition API

非父子组件的通信这里我们主要讲两种方式:Provide/Inject;Mitt全局事件总线;Provide/Inject用于非父子组件之间共享数据:比如有一些深度嵌套的组件,子组件想要获取父组件的部分内容;在这种情况下,如果我们仍然将props沿着组件链逐级传递下去,就会非常的麻烦;对于这种情况下,我们可以使用 Provide 和 Inject :注意要引用data中的数据会有this问题,应将provide写成函数,只适用于上下级关系,不适用兄弟关系。如果data的数据会变化写成计算属性父