在 Vue 3 中，Ref 类型常用于 Composition API 中的响应式引用。ref() 是一个函数，它创建一个响应性且可改变的 ref 对象。这个对象有一个 .value 属性，通过这个属性我们可以获取或设置它的值。

下面是一个简单例子：

import { ref } from 'vue'  
export default {  
  setup() {  
    const count = ref(0) // 创建一个响应性引用  
    return {  
      count,  
    }  
  },  
}  

在模板中，你可以直接使用 count 而不需要使用 count.value。

<template>  
  <button @click="count++">  
    Count is: {{ count }}  
  </button>  
</template>  

但是在 JavaScript 或 TypeScript 的代码中，你必须使用 .value 属性来获取或修改它的值。

count.value++ // 增加计数器的值  

注意，如果你试图将一个对象或数组作为 ref 的参数，ref 将返回一个可变的响应性引用，指向原始对象。当修改这个响应性引用的 .value 属性时，原始对象也会被修改。