你好，ref的官方定義如下：

ref?被用來給元素或子組件注冊引用信息。引用信息將會注冊在父組件的?$refs?對象上。

這里我用通俗地解釋一下，比如：我們定義一個dom

<div?class="a"?ref="divA"></div>

如果我們想獲取這個div對象，用js寫法應該是這樣的：

const?div?=?document.getElementsByClassName('divA')

用vue可以這樣來實現同樣的效果：

const?div?=?this.$refs.divA

因為這個div使用ref屬性進行了注冊，所以在Vue實例中，這個div對象會被添加到Vue.$refs這個對象下，所以我們就可以通過

Vue.$refs.xxx

來直接獲取這個對象了