vue相邻组件之间通信

vue相邻组件通信

main.js注册

import Vue from 'vue'
import App from './App'
Vue.prototype.$bus = new Vue() // event Bus 用于无关系组件间的通信。

需要传递参数的页面

通过$emit方法传递一个方法及需要传递的参数（对象、布尔值、数组、字符串、数组…）

this.$bus.$emit('newlyadded',true)//传递方法和参数

接收参数的页面

通过$on来接收方法及参数，然后进行后续操作

方式一

mounted() {
    this.$bus.$on('newlyadded', (e)=>{
    	console.log(e)//true
     //编写操作
    })
  },

方式二

mounted() {
    this.$bus.$on('newlyadded',this.getdata)
  },
methods: {
	getdata(){
		console.log('编写操作~')
	}
}