在Vue中常常需要在子組件中獲取父組件的數據，這時候可以使用props來傳遞數據。但是有時候需要在父頁面中獲取子組件中的數據，這時候需要使用ref來獲取子組件的實例，從而獲取數據。

首先，在子組件中需要給要獲取的數據加上ref屬性，如下所示：

<template>
<div ref="child">
子組件中的數據
</div>
</template>

然后，在父頁面中可以使用$refs來獲取子組件的實例，從而獲取子組件中的數據，如下所示：

<template>
<div>
<Child ref="child"></Child>
<button @click="getChildData">獲取子組件中的數據</button>
</div>
</template>
<script>
import Child from './Child.vue'
export default {
components: {
Child
},
methods: {
getChildData() {
// 獲取子組件實例
const child = this.$refs.child
// 獲取子組件中的數據
const data = child.$refs.child.innerText
console.log(data)
}
}
}
</script>

在上面的代碼中，我們首先在父頁面中引入了子組件Child，并給子組件設置了ref屬性。然后在父頁面的方法getChildData中，使用$refs獲取子組件實例，然后通過實例獲取子組件中的數據。