在Vue 3中，獲取子組件的值是一個常見的需求。我們可以通過使用$refs引用子組件的實例，然后訪問子組件的屬性和方法來獲取其值。

// 子組件模板
<template><div><input v-model="message" type="text"/></div></template>// 子組件腳本
<script>export default {
data() {
return {
message: 'hello'
}
}
}
</script>// 父組件模板
<template><div><child ref="child"><button @click="getChildMessage">獲取子組件的值</button></div></template>// 父組件腳本
<script>import Child from '@/components/Child.vue'
export default {
components: {
Child
},
methods: {
getChildMessage() {
const childMessage = this.$refs.child.message
alert(childMessage)
}
}
}
</script>

在上面的示例中，我們使用了子組件的$refs，引用了子組件的實例，并在父組件的方法中訪問了子組件的message屬性。當我們點擊按鈕時，會彈出一個提示框，顯示子組件的值。

總之，在Vue 3中獲取子組件的值很簡單，只需要引用子組件的實例，然后訪問其屬性和方法即可。這種方式與Vue 2相同。