vue3-ref
ref 接受一个内部值并返回一个响应且可变的ref对象。ref对象仅有一个.value property,指向该内部值指向该内部值。ref声明基本数据类型
当你在模板中声明了一个ref，然后改变了这个ref的值时，vue会自动检测这个变化，并相应的更新这个dom，这是通过一个基于依赖追踪响应式系统实现的。当一个组件首次渲染时，vue会追踪在渲染过程中使用的每一个ref，然后当一个ref被修改时，他会触发追踪他组件的一次重新渲染。
ref可以持有任何类型的值，包括深层嵌套的对象，数组，或者javascript内置的数据结构，比如map
- isref函数，判断是否是ref
- 更改ref对象的值需要加上.value的后缀
- ref可以定义一个泛型,约束里面定义的对象。
- 使用ref读取dom
toref
toRef: 将响应式对象的一个属性拿出来再做响应式 toRefs的应用,解构出来的属性和对象的属性一一对应 就是reactive转化为ref
计算属性
v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in items 形式的特殊语法
- 加入索引
watch函数
1.watch函数监听单个数据的变化--作用
侦听一个数据的变化，数据变化时回调函数的两个额外参数：
1.immediate（立即执行）
2.deep（深度监听）
2.watch函数监听单个数据的变化--核心步骤
1.导入watch参数
2.执行watch函数传入的要侦听的响应式数据（ref对象）和回调函数
3.watch函数监听单个数据的变化--实例
4.watch函数监听多个数据的变化--作用
侦听多个数据的变化，无论是哪一个数据变化时都要回调函数的两个额外参数：
1.immediate（立即执行）
2.deep（深度监听）
5.watch函数监听多个数据的变化--核心步骤
1.导入watch参数
2.执行watch函数传入的要侦听的响应式数据（ref对象）和回调函数
6.watch函数监听多个数据的变化--实例
