Vue基础知识：vue3 对于 ref 值的类型定义

本文详细讲解了在Vue 3项目中，使用TypeScript开发，如何正确定义不同类型ref变量的类型

vue3+ts 在组件模版中使用ref时，如何定义ref类型

在Vue3中，ref()接受一个内部值，它返回的是一个ref对象，这个对象是响应式的，可以更改的，且只有一个指向其内部属性值的属性value。ref()将传入参数的值包装为一个带value属性的ref对象。

在 Vue 3 中，ref 是一个用于创建响应式数据的 API。ref 可以用来使普通的 JavaScript 值（如字符串、数字、对象等）变得响应式，从而在 Vue 的模板中使用和自动更新。基本用法导入 ref：首先，你需要从 Vue 中导入 ref。创建响应式数据：使用 ref 创建一个响应式的值。访问和更新响应式数据：你可以通过 .value 属性来访问和更新响应式数据。**作用：**定义响应式变量。let xxx = ref(初始值)。**返回值：**一个RefImpl。

在Vue2中，只要数据写在data里，那它就是响应式的在Vue3中，使用ref或reactive定义响应式数据。

需要引入ref才可以使用；ref包裹的数据即为响应式数据,返回一个RefImpl对象实例；script标签里，操作ref包裹的响应式基本类型数据，必须给其value属性赋值，而不能直接给数据对象赋值。

在Vue 3中，Ref是一个包装对象，它将一个值包装在一个带有.value属性的对象中。这样设计的目的是为了让任何类型的值（包括原始类型如字符串、数字）都能变成响应式的。// Ref的基本定义value: T// Vue核心中的Ref类型定义（简化版）value: T// 创建Ref的函数TT// Vue核心中的Ref类型定义（简化版） export interface Ref < T = any > {

ref(): 接收一个值并返回一个响应式的对象，可以使用.value 属性来访问和修改这个值。toRef(obj, key):根据一个响应式对象中的一个属性，创建一个响应式的 ref，并且该 ref 和原对象中的属性保持同步。toRefs(obj): 将一个响应式对象转换成一个普通对象，其中普通对象的每个属性都是响应式的 ref。isRef(value): 判断某个值是否是 ref 对象。unref(value): 用于解除响应式引用。

在 Vue 3 中，当使用 TypeScript 结合 ref 时，可以通过接口来定义其类型。这样，user 的类型就被明确为 User 接口定义的结构。

ref函数用来定义一个响应式的数据。

【代码】65 - vue3 番外-ref 声明数组中是对象类型。

https://blog.csdn.net/x413666/article/details/112173004 //在VUE3中 <div>{{num}}</div> import {ref,reactive,computed} from 'vue' //setup：因为在执行setup时还没有执行created所以不能使用data和methods，setup是处于 beforecreated和created生命周期之间的所以不能使用。

Vue3中的ref函数：let 变量名 = ref(基本类型或对象类型)