Vue提供了一個特殊的屬性，叫做ref，通過它可以在模板和組件中給元素或子組件注冊引用 ID。ref 被用來給整個組件或者某個特定的元素賦予引用 ID,可以在 JavaScript 中使用。ref 有兩種用法：一種是在普通的 DOM 元素上使用，一種是在組件上使用。下面將詳細介紹如何在Vue框架中獲取ref。

<template>
<div>
<button ref="myButton" @click="handleClick">點擊按鈕</button>
</div>
</template>
<script>
export default {
methods: {
handleClick() {
this.$refs.myButton.innerText = 'button 被點擊了';
}
}
}
</script>

在上面的代碼中，我們在 button 元素上添加了 ref 屬性，并指定了值為 myButton。在組件的 methods 選項中，又定義了一個 handleClick 方法，在這個方法內部使用了 this.$refs.myButton 來獲取到這個 button 元素的引用，并把它的 innerText 修改為“button 被點擊了”。這就完成了在 Vue 中獲取 ref 的操作。

需要注意的是，在上面的代碼中 this.$refs 對象是一個普通的 JavaScript 對象，這個對象里包含了所有擁有 ref 屬性的子組件和元素，并以其 ref 屬性的值作為對象的屬性名。這個對象可以在組件的生命周期和其他鉤子函數中使用。