Vue中的$ref是Vue提供的一種訪問組件和DOM元素的方法。在Vue中，我們通常使用$refs來訪問組件中的子組件或者DOM元素，這種方式非常方便，通過標識符就可以訪問到對應的組件或者DOM元素。

使用$refs，我們可以輕松地獲取組件中的數據或者DOM元素，同時也可以直接修改這些數據或者元素，而不需要額外地向父組件發出傳遞事件的請求。

<template>
<div ref="myDiv">
<p>這是一個例子</p>
</div>
</template>
<script>
export default {
methods: {
showMyDiv() {
console.log(this.$refs.myDiv); // 輸出DOM元素
}
}
}
</script>

在上面的代碼中，我們在<div>元素中設置了一個ref標識符為myDiv，然后在組件中定義了一個方法showMyDiv，該方法通過console.log方法輸出了this.$refs.myDiv，就可以獲取到<div>元素，從而獲取到子組件或者DOM元素的相關信息。

需要注意的是，在Vue中，ref只能用于訪問子組件或者DOM元素，而不能用于訪問父組件的屬性。如果需要訪問父組件的屬性，則需要使用$parent來訪問。

<template>
<div ref="myDiv">
<p>這是一個例子，父組件Name為 {{ $parent.Name }}</p>
</div>
</template>
<script>
export default {
data() {
return {
Name: 'Vue'
}
}
}
</script>

在上面的代碼中，我們在顯示<p>元素的文本中，使用了{{ $parent.Name }}來獲取父組件Name屬性的值。

總之，Vue中的$ref非常方便，可以訪問到子組件和DOM元素，使用起來非常簡單，需要注意的是，只能用于訪問子組件或者DOM元素，不能用于訪問父組件的屬性。