Vue.js的$ref是一個非常有用的特性，它允許開發者引用已注冊的子組件或DOM元素。 通過這個特性，我們可以訪問子組件的方法，屬性和DOM元素。下面是一個簡單的例子：
<child-component ref="child"></child-component>
<button @click="getChildInfo">獲取子組件信息</button>在這個例子中，我們為子組件取了一個$ref名字為'child'。在父組件中，我們通過this.$refs.child獲取到了子組件的實例，然后調用了其getInfo()方法并打印了結果。
除了訪問子組件的方法和屬性，$ref還可以訪問DOM元素。下面是一個例子：
<input type="text" ref="input">
<button @click="focusInput">獲取焦點</button>在這個例子中，我們為input元素取了一個$ref名字為'input'。在父組件中，我們通過this.$refs.input獲取到了input元素的DOM對象，并調用其focus()方法，使其獲取焦點。
在實際開發中，我們可以利用$ref特性快速訪問已注冊的子組件以便執行相應的操作，例如修改子組件的值等等。 然而，過度使用$ref會導致代碼的可讀性和可維護性的下降，因此，建議只在需要的時候使用$ref。