VUE 中的$ref樣式可以讓你訪問組件和該組件的相關數據。在 HTML DOM 中，REF 屬性用于存儲對 HTML 元素的引用，而在 VUE 中使用$ref來引用 VUE 組件中的元素。

<template>
<div>
<button ref="myBtn" @click="showMsg">Click Me</button>
</div>
</template>
<script>
export default {
methods: {
showMsg() {
alert(this.$refs.myBtn.innerText);
}
}
}
</script>

此處我們在 TEMPLATE 中使用了一個 BUTTON 元素，指定了 REF 屬性，并將其設為 myBtn。接著，我們在 SCRIPT 中定義了名為 showMsg 的方法，并使用 $refs 訪問 BUTTON 元素的 InnerText 屬性來顯示彈出窗口。

此外，$ref 也可以用來訪問一個組件的數據。例如，在下面的示例中，我們訪問了一個名為 myComponent 的組件中的 message 屬性：

<template>
<myComponent ref="myCmp"></myComponent>
</template>
<script>
export default {
mounted() {
alert(this.$refs.myCmp.message);
}
}
</script>

在這個例子中，我們使用了 REF 屬性來引用 myComponent 組件，并在 MOUNTED 鉤子中使用 $refs 訪問了該組件的 message 屬性。