Vue中的$refs是一個重要的屬性，通過它可以獲取特定的Vue組件實例，從而進行一些操作。使用$refs可以輕松地獲取DOM元素、子組件以及父組件的實例。

<template>
<div ref="myDiv">Hello World!</div>
</template>
<script>
export default {
mounted() {
console.log(this.$refs.myDiv); // 輸出
Hello World!
的DOM對象
}
}
</script>

如上述代碼所示，通過在模板中給div元素添加ref屬性，可以通過this.$refs.myDiv獲取該div元素并對其進行一些操作。

$refs屬性也可以用于獲取子組件及其屬性。

<template>
<child-component ref="myChildCmp"></child-component>
</template>
<script>
import ChildComponent from './ChildComponent.vue';
export default {
components: {
ChildComponent
},
mounted() {
console.log(this.$refs.myChildCmp); // 輸出ChildComponent組件實例
console.log(this.$refs.myChildCmp.someProp); // 輸出ChildComponent組件的someProp屬性值
}
}
</script>

在以上代碼中，ChildComponent是一個子組件，通過給該組件添加ref屬性，可以通過this.$refs.myChildCmp獲取該子組件的實例，并訪問其屬性。

另外，$refs屬性也可以用于獲取父組件實例及其屬性。

<template>
<div ref="parentDiv">
<child-component></child-component>
</div>
</template>
<script>
import ChildComponent from './ChildComponent.vue';
export default {
components: {
ChildComponent
},
mounted() {
console.log(this.$refs.parentDiv); // 輸出
元素的DOM對象
console.log(this.$refs.parentDiv.someProp); // 輸出
元素的someProp屬性值
}
}
</script>

以上代碼中，通過this.$refs.parentDiv獲取到父組件的DOM對象，并輕松地訪問其屬性。

總之，$refs屬性是Vue中一個非常有用的特性，通過它可以輕松地獲取到Vue組件實例，并進行一些操作。需要注意的是，$refs只在組件渲染完成之后才能正常使用。