1、建立中间“桥梁” channel.js
import Vue from 'vue'
let vm = new Vue()
export default vm
2、链接两个需要传递的组件,给双方都导入“桥梁”
import channel from '@/assets/common/channel'
3、发送端使用$emit方式
channel.$emit('testFun')4、接收端做好监听工作,建议放在created或者更早的钩子内
channel.$on('testFun', () => {})
兄弟间数据传递完成~
本文介绍了一种Vue项目中实现非父子组件间数据传递的方法。通过创建一个全局Vue实例作为中间渠道,实现组件间的事件触发与监听,从而完成数据的传递。
1962





