"Vue.js defineEmits"의 두 판 사이의 차이

2023년 11월 1일 (수) 10:38 기준 최신판

html

Copy

<script setup>
const props = defineProps({
  foo: String
})

const emit = defineEmits(['change', 'delete'])
// setup code
</script>

typescript

Copy

const emit = defineEmits<{
  (e: 'change', id: number): void
  (e: 'update', value: string): void
}>()

typescript

Copy

// 3.3+
const emit = defineEmits<{
  change: [id: number]
  update: [value: string]
}>()

@@ 2번째 줄: / 2번째 줄: @@
 ;Vue.js defineEmits
+==JavaScript==
+<syntaxhighlight lang='html'>
+<script setup>
+const props = defineProps({
+  foo: String
+})
+const emit = defineEmits(['change', 'delete'])
+// setup code
+</script>
+</syntaxhighlight>
+==TypeScript==
 <syntaxhighlight lang='typescript'>
 const emit = defineEmits<{
@@ 14번째 줄: / 27번째 줄: @@
    update: [value: string]
 }>()
-</syntaxhighlight>
-<syntaxhighlight lang='html'>
-<script setup>
-const props = defineProps({
-  foo: String
-})
-const emit = defineEmits(['change', 'delete'])
-// setup code
-</script>
 </syntaxhighlight>
 ==같이 보기==
 * [[Vue.js defineProps]]
+* [[`defineEmits` is a compiler macro and no longer needs to be imported.]]
 ==참고==