$refs 是 Vue 中一個特殊的屬性，它是用來獲取組件或 DOM 元素的引用。

在 Vue 表單中，我們經常需要對表單元素進行操作或獲取表單數據。為了方便，Vue 提供了一個特殊的組件 v-model 雙向綁定，可以很方便地實現表單元素與 Vue 實例數據的同步。

除此之外，Vue 還提供了一個 $refs 屬性，它可以讓我們更加方便地獲取表單元素，不需要通過選擇器等方式去獲取，而是直接通過引用即可。

<template>
<div>
<form ref="myForm">
<label>用戶名:</label>
<input type="text" v-model="username">
<label>密碼:</label>
<input type="password" v-model="password">
<button type="submit" @click.prevent="submit">提交</button>
</form>
</div>
</template>
<script>
export default {
data() {
return {
username: '',
password: ''
}
},
methods: {
submit() {
// 通過 $refs 獲取表單元素
const form = this.$refs.myForm;
// 驗證表單
if (form.checkValidity()) {
// 提交表單
console.log('提交表單成功！');
} else {
console.log('表單驗證失敗！');
}
}
}
}
</script>

在上面的代碼中，我們可以看到在 form 元素中添加了 ref 屬性表示引用，然后在 submit 方法中，通過 this.$refs.myForm 就可以獲取到整個表單元素。

通過這種方式，我們可以很方便地操作 entire form 或者獲取其中某個元素的引用，從而進行更加靈活的表單操作。