两个组件没有联系的时候,如何在一个组建中触发另一个组件中的东西

定义一个全局组件

import Vue from 'vue'
import axios from 'axios'

import App from './App'
import router from './router'

import iView from 'iview'
import 'iview/dist/styles/iview.css'
Vue.use(iView)

window.eventBus = new Vue();//注册全局事件对象(定义的全局组件,放在main.js中)

Vue.http = Vue.prototype.$http = axios

在一个组建中触发



在另一个组建中监听



重点: 在main.js中引入了window.eventBus = new Vue();
在某一个组建中methods中的任何一个方法中都可以触发该事件(将触发事件放在函数中)eventBus.on('自己定义的名字',要传过来的变量),function(data){
cosnole.log(data);//输出为要传过来的变量
})

你可能感兴趣的:(两个组件没有联系的时候,如何在一个组建中触发另一个组件中的东西)