$refs對象是Vue.js的一個實例上的屬性。它允許Vue組件在模板中通過$refs屬性訪問該組件的子節點或DOM元素。這個屬性的值是一個對象，其中包含了一個以ref作為屬性名，以子元素或DOM元素作為屬性值的鍵值對。這個對象可以在Vue組件的任何方法中使用。

下面是一個使用$refs對象的示例代碼：

<template>
<div>
<p ref="myParagraph">這是一個段落元素</p>
<button @click="logParagraph">點擊檢查</button>
</div>
</template>
<script>
export default {
methods: {
logParagraph() {
console.log(this.$refs.myParagraph.innerText);
}
}
}
</script>

在這個示例中，我們在模板中定義了一個

元素，然后在其中添加了一個ref屬性并賦值為"myParagraph"。接著我們在元素上綁定了一個點擊事件，當它被點擊時，我們調用了logParagraph()方法，這個方法使用console.log()在控制臺中打印了

元素的innerText屬性。

使用$refs對象可以在Vue組件中方便地訪問子元素或DOM元素。但是需要注意的是，$refs對象在模板渲染完成之后才會被填充，所以不能在組件實例的created()鉤子函數中使用它。此外，盡可能減少在生命周期鉤子函數中使用$refs對象，因為這可能會導致組件難以維護和測試。