shortEmits
Stability:
stable
Simplify the definition of emits.
For Vue >= 3.3, this feature will be turned off by default.
Features | Supported |
---|---|
Vue 3 | ✅ |
Vue 2 | ✅ |
TypeScript | ✅ |
Basic Usage
vue
<script setup lang="ts"> import { defineEmits } from 'vue-macros/macros' const emits = defineEmits<{ // tuple 'update:modelValue': [val: string] // function update: (val: string) => void }>() </script>
Using type ShortEmits
or for short SE
.
vue
<script setup lang="ts"> const emits = defineEmits< SE<{ // 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.