$refs是Vue.js中一個重要的概念。它允許我們在Vue實例中訪問子組件或DOM元素。通過$refs，我們可以獲得組件實例或DOM元素，并在需要時更改它們的屬性或調用它們的方法。讓我們看一個例子來更好地理解$refs是如何使用的。

<template>
<div>
<input ref="myInput" type="text">
<button @click="handleSubmit">Submit</button>
</div>
</template>
<script>
export default {
methods: {
handleSubmit() {
const input = this.$refs.myInput;
console.log(input.value);
}
}
}
</script>

在這個例子中，我們在<input>標簽上設置了一個ref屬性，并在<script>標簽中訪問它。在handleSubmit方法中，我們使用this.$refs.myInput獲取了<input>標簽的DOM元素。然后，我們可以輕松地獲取輸入框中的值。

使用$refs有一些限制。如果你在父組件中使用$refs訪問子組件，你需要等待子組件加載完成。同時，$refs只返回Vue實例或DOM元素，并且不能用于訪問動態生成的組件或DOM元素。在這些情況下，你可能需要使用其他的Vue實例屬性和方法。