emit

自定义事件

简化 TS 写法 3.3+

const emit = defineEmits<{
  'click': []
  'update:modelValue': [value: string]
}>()

TS 类型声明

interface Emits {
  (e: 'click'): void
  (e: 'update:modelValue', value: string): void
}
const emit = defineEmits<Emits>()

对象类型

const emit = defineEmits({
  'click': () => {},
  'update:modelValue': (value: string) => {}
})

直接列出名称

const emit = defineEmits(['click', 'update:modelValue'])

声明触发事件

script 中：

emit('click')
emit('update:modelValue', 'new value')

template 中：

<input type="text" @input="emit('update:modelValue', $event.target.value)"
<input type="text" @input="$emit('update:modelValue', $event.target.value)"