不使用ts

defineProps()

defineEmits()

<script setup>
const props = defineProps({
  foo: String
})
const emit = defineEmits(['change', 'delete'])

</script>

使用ts

defineProps()

defineEmits()

const props = defineProps<{
  foo: string
  bar?: number
}>()
// 或者
const props = defineProps<{
  columns: ColumnProps[]
}>()

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