脚本宝典收集整理的这篇文章主要介绍了详解vue3中的非父子组件传值,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
vue2中非父子组件的传值主要是通过事件总线,创建一个vue实例,通过在不同的组件中导入该实例来实现非父子组件之间的通信行为。 vue3提供了**PRovide**和**inject**属性,可以实现非父子组件之间的通信; 假设有三个组件:App.vue(父级)、sub1(子级)、sub2(子级的子级):
<template> <div style="border: 1px solid pink"> <h1>我是你爹</h1> <span>脚本宝典总结
以上是脚本宝典为你收集整理的详解vue3中的非父子组件传值全部内容,希望文章能够帮你解决详解vue3中的非父子组件传值所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。