vue 2 ref是Vue.js提供的一個特殊屬性，可以在一個組件中通過指定ref屬性來訪問它。使用ref可以方便地訪問DOM元素、組件實例或其他Vue實例等，從而完成一些基于DOM的操作或數據訪問。

使用ref屬性指定一個名稱，在組件實例中訪問該名稱即返回該元素或實例。這個過程是由Vue實例內部的$refs對象完成的。例如：

<template>
<div>
<input ref="inputRef" v-model="inputValue"/>
<button @click="handleClick">點擊操作</button>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleClick() {
const value = this.$refs.inputRef.value
console.log(value)
}
}
}
</script>

上面的代碼中，通過ref屬性指定了一個名為inputRef的名稱，并將其映射到一個input元素。在組件實例中使用$refs.inputRef可以訪問該元素。在handleClick方法中，通過獲取inputRef的value屬性來獲取用戶在輸入框中輸入的值。這個過程中，Vue的響應式系統負責將數據存儲到組件實例的data對象中，并將它綁定到輸入框的v-model屬性上。

總之，通過ref可以輕松訪問DOM元素、組件實例或其他Vue實例等，從而完成一些基于DOM的操作或數據訪問，方便開發者進行開發和調試。