vue3组件自定义事件

emits自定义事件

vue3中组件发送的自定义事件需要定义在emits选项中

emits.vue

<template>
	<div @click="$emit('my-click')"></div>
</template>
<script>
	export default {
	// 这里一定要注册，不然会触发两次，原生的点击事件也会触发
		emits: ['my-click']
	}
</script>

helloworld.vue

<template>
	<div>
		<emits @my-click="onclick"></emits>
	</div>
</template>
<script>
import emits form './emits.vue'
	export default {
		methods:{
			onclick(){
				console.log('自定义事件触发')
			}
		}
	}
</script>