vue 2.0 -＞ vue3.0 组件通信篇

vue 2.0 -> vue3.0 组件通信篇

父子组件通信

vue 2.x

this.$emit()

vue 3.0

export default defindComponent({
	emits: ['submit'],
	setup(props,context){
		context.emit('submit','submit')
	}
})

兄弟通信

vue 2.x

事件总线 / vuex

main.js
Vue.prototype.$bus = new Vue()
组件里：
this.$bus.$emit()
this.$bus.$on()
this.$bus.$off()

vue 3.0

无法使用EventBus:
推荐方案mitt
使用：

npm install mitt -S

import mitt from 'mitt'
const emitter = new mitt()
emitter.emit()
emitter.on()
emitter.off()