当两个组件不是父子组件的时候,如何给对方传值?
步骤:1,我们要定义一个Vue实例作为中间媒介,默认在工具函数中定义一个js,并暴露vue实例
2,新建两个兄弟组件,并在App.vue中被引用
3,在其中一个组件引用所暴露的vue实例,广播数据-->$emit();在另一个组件上接收广播的数据-->$on
下面我们来看具体的操作:
在工具函数定义一个js,暴露vue实例:

新建两个组件:


App.js的挂载组件:

当两个组件不是父子组件的时候,如何给对方传值?
步骤:1,我们要定义一个Vue实例作为中间媒介,默认在工具函数中定义一个js,并暴露vue实例
2,新建两个兄弟组件,并在App.vue中被引用
3,在其中一个组件引用所暴露的vue实例,广播数据-->$emit();在另一个组件上接收广播的数据-->$on
下面我们来看具体的操作:
在工具函数定义一个js,暴露vue实例:
新建两个组件:
App.js的挂载组件:
本文标题:非父子组件传值
本文链接:https://www.haomeiwen.com/subject/gjpxvftx.html
网友评论