在Vue 3.x版本中，$refs變得更加易用、靈活和高效。$refs可以讓您輕松獲取組件或DOM元素，使其可訪問的方法和屬性以對象的形式返回，通過它，您可以直接訪問DOM節點或組件實例的方法和屬性，從而更靈活地操作數據。

在Vue 3.x版本中，對$refs的訪問方式進行了升級，現在可以使用v-bind指令，以更加簡潔的方式獲取組件和DOM元素。當使用v-bind指令時，會將該節點的引用傳遞給綁定的對象。這個對象可以直接訪問組件或DOM元素的方法和屬性。

<template>
<div ref="box">Hello World</div>
</template>
<script>
export default {
mounted() {
console.log(this.$refs.box.innerText);
}
}
</script>

在上面的示例中，我們使用了ref指令來獲取一個DIV元素的引用。在mounted生命周期鉤子中，我們使用了$refs來獲取這個DIV元素的引用，并且打印它的innerText。這就是$refs的基本用法。

除此之外，在Vue 3中還可以使用$refs獲取組件實例。在某些情況下，我們需要在父組件中直接調用子組件的方法，這時候就可以使用$refs來獲取子組件的實例。

<template>
<child ref="child"></child>
</template>
<script>
import Child from "./Child.vue";
export default {
components: {
Child
},
mounted() {
this.$refs.child.sayHello();
}
}
</script>

在上面的的示例中，我們首先渲染一個子組件，然后在mounted生命周期鉤子中獲取子組件的引用，最后調用子組件的sayHello方法。這就是$refs獲取組件實例的基本用法。

理解組件的生命周期也是使用$refs的關鍵。當組件被銷毀時，它的$refs也會被銷毀。這就意味著，您應該在合適的時候使用$refs。通常情況下，在mounted或updated生命周期鉤子中使用$refs。

總結而言，$refs是一個非常有用的工具，它可以讓我們輕易地訪問組件和DOM元素，以及它們的方法和屬性。當你需要訪問組件或DOM元素時，不妨使用$refs，它可以讓你的代碼更加靈活和簡潔。