Vue Macros

English

简体中文

English

简体中文

Appearance

shortEmits ​

Stability: stable

Simplify the definition of emits.

For Vue >= 3.3, this feature will be turned off by default.

FeaturesSupported
Vue 3✅
Vue 2✅
TypeScript✅

Basic Usage ​

Using type ShortEmits or for short SE.

vue
<script setup lang="ts">
const emits = defineEmits<{
  // tuple
  'update:modelValue': [val: string]
  // function
  update(val: string): void
}>()
</script>
<script setup lang="ts">
const emits = defineEmits<{
  // tuple
  'update:modelValue': [val: string]
  // function
  update(val: string): void
}>()
</script>

Difference with Official Version ​

  • function style of declaration is not supported by official version.