vue 兄弟组件传值【非父子组件传值】

本文主要是介绍vue 兄弟组件传值【非父子组件传值】，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、新建一个js 文件  然后引入vue  实例化vue  最后暴露这个实例

//新建一个model 文件夹并且新建一个VueEvent.js//以下为VueEvent.js的内容import Vue from 'vue';var VueEvent = new Vue();export default VueEvent;

2、在要广播的地方引入定义的实例

//首先引入VueEventimport VueEvent from 'VueEvent.js';VueEvent.$emit('名称','数据');

4、在接收数据的地方通过以下方式使用

//首先引入VueEventimport VueEvent from 'VueEvent.js';mounted(){VueEvent.$on('名称',(data)=>{console.log(data);})}

 

这篇关于vue 兄弟组件传值【非父子组件传值】的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---