vue中利用switch来写组件中的事件

本人语言组织能力有限所以直接上代码,好懂
父组件

<template>
<button @click='handleEvent('click1','123')'></button>
<Son></Son>
</template>
<script>
improt Son from './son'
export default{
name 'father',
components:{Son},
method:{
handleEvent(type,val){//传的参数val可以是任何形式,type可以理解为点击事件的名称
   switch(type){
		case 'click1':
		console.log(val)//打印123
		break;
		case 'click2':
		console.log(val)//打印456
		break;
}
}
}
}
</script>

子组件

<template>
<button @click='handleEvent('click2','456')'></button>
</template>
<script>
improt Son from './son'
export default{
name 'son',

method:{
handleEvent(type,val){
		this.$emit('handleEvent',type,val)
}
}
}
}
</script>