使用Bus进行跨组件传值

bus.js

import Vue from 'vue'
const Bus = new Vue()
export default Bus

使用的时候要引用Bus

import Bus from './bus.js'

this.$nextTick(()=>{
    
    //解决第一次触发emit无效问题
	Bus.$emit('updateFormData',123)
})

beforeDestroy () {
    
    
 // 销毁监听事件
    Bus.$off('updateFormData')
}

import Bus from './bus.js'

//显示模态框并更新组件绑定表单数据  要放在mounted里面哦
Bus.$on('updateFormData',(data)=>{
    
    
    console.log(data);//data = 123
 })