vue组件传值有什么方法

效果：

三、相邻兄弟传参（亲兄弟）

原理：通过一个公有的父元素作为桥接（实例 组件），结合父子props 传参 、子父自定义事件

例子：c1、c2是兄弟关系 c1可用控制c2里元素的显示隐藏

父级状态
{{state}}







这里是c1组件
c1按钮




这里是c2组件,状态：{{test_c2}}
我是c2中的div

效果：

四、远兄弟传参（表兄弟）

原理：通过创建一个中间实例，注册一个事件，在被控组件中，通过事件携带要执行的函数，在主控组件中，通过事件，改变相应的操作

这是父组件








{{name}}
触发angle中间事件




{{name}}

效果：

点击前：

点击后：

五、EventBus传参

1.在main.js种挂载全局EventBus

Vue.prototype.$EventBus = new Vue()

2.A组件

3.B组件

通过挂载全局Vue对象传递参数。

以上是“vue组件传值有什么方法”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

• 建站热线：13518219792
• 
  微信扫一扫在线咨询
• QQ客服：
• 案 例
• 价 格