在Vue.js中，$refs是一個(gè)特殊的對象，它允許我們直接訪問組件或元素。我們可以將任何具有v-ref指令的子組件或DOM元素引用到父組件中，并使用$refs來獲取引用。$refs對象是一個(gè)普通的JavaScript對象，但是，Vue將在組件渲染時(shí)自動(dòng)填充它。

在上面的代碼中，我們在input元素上使用v-ref指令給這個(gè)元素添加一個(gè)引用。接下來，我們要在方法中使用$refs獲取對該元素的引用。當(dāng)用戶單擊“Focus Input”按鈕時(shí)，我們可以在方法中通過$this.$refs.input將焦點(diǎn)聚焦到該元素上。

除了訪問組件或元素之外，$refs還可以用于訪問子組件的方法和數(shù)據(jù)。如果我們有一個(gè)子組件并想要觸發(fā)其中的方法，我們可以使用$refs并調(diào)用該方法。如果該子組件具有可變的數(shù)據(jù)，我們可以使用$refs訪問這些數(shù)據(jù)，并對其進(jìn)行相應(yīng)更改。

在上面的代碼中，我們有一個(gè)child-component子組件，我們想要訪問它的數(shù)據(jù)并在用戶單擊按鈕時(shí)更改該數(shù)據(jù)。我們可以使用$refs并調(diào)用子組件中的方法來實(shí)現(xiàn)此功能。在子組件沒有emit任何事件的情況下，$refs是一個(gè)非常有用的工具，可以訪問子組件的各種方法和數(shù)據(jù)。