在Vue中，$refs是一個很實用的工具，它可以讓你在代碼中訪問DOM元素或子組件。通過使用$refs，你可以在Vue組件中很快捷地獲取到具體的DOM元素或子組件，操作這些元素或組件。

<template>
<div>
<input type="text" ref="inputRef" />
<button @click="focusInput">Focus the input</button>
</div>
</template>
<script>
export default {
methods: {
focusInput() {
this.$refs.inputRef.focus(); // 聚焦到輸入框
}
}
}
</script>

上面的代碼展示了$refs的用法，我們通過在input元素上添加ref屬性來創建一個引用，這個引用在組件內的methods中可以使用。在按鈕的click事件中，我們可以通過this.$refs.inputRef來獲取到輸入框元素，聚焦到這個元素。

需要注意的是，$refs是在組件渲染完成后才被填充的，這意味著你不能再使用它來訪問DOM元素或子組件，直到組件被$nextTick更新。所以如果你想在某些事件中獲取到$refs，請確保在mounted鉤子中執行這個事件。

除了操作DOM，$refs也可以訪問整個子組件。如果你有一個子組件，你可以通過在子組件上添加ref屬性來訪問子組件的方法或屬性。

<template>
<div>
<my-component ref="child"></my-component>
<button @click="getChildMessage">Get child message</button>
</div>
</template>
<script>
import MyComponent from './MyComponent.vue';
export default {
components: {
MyComponent
},
methods: {
getChildMessage() {
console.log(this.$refs.child.message); // 打印子組件的message屬性
}
}
}
</script>

上面的代碼展示了如何通過$refs訪問子組件。在這個例子中，我們在父組件中引用了一個子組件，并在子組件上添加了一個ref屬性。在父組件的方法中，我們可以通過this.$refs.child訪問子組件，然后獲取到子組件的message屬性。

總之，在Vue中，$refs是一個非常有用的工具。您可以使用它來快速訪問DOM元素或子組件，以便在您的Vue應用程序中進行更靈活的操作。