這是父組件

<template><div><!-- 這個fn是子組件emit觸發名，兩邊保持一致 --><Child :num="num" @fn="numUp"></Child></div>
</template><script setup lang="ts">
import { ref } from 'vue';
import Child from './views/child.vue'let num = ref(10)const numUp = (childnum:number)=>{num.value+=childnum
}</script>
<style scoped lang="less"></style>

這是子組件

<template><div><h1>app傳過來的數據為{{num}}</h1><button @click="send">子傳父</button></div>
</template><script setup lang="ts">
//接受父組件傳遞過來的信息
defineProps({num:{type:Number,default:100}
})
//ts的emit寫法，需要參數就直接加 返回值為空
const emit = defineEmits<{(event:'fn',childnum:number):void
}>()
//點擊觸發fn，父組件執行函數，并傳遞參數5
const send = ()=>{emit('fn',5)
}</script>
<style scoped lang="less">
</style>