Vue3.x 响应式数据

组合API-reactive函数以及toRef函数

reactive是一个函数，它可以定义一个复杂数据类型，成为响应式数据。----将数据响应化

toRef是函数，转换响应式对象中某个属性为单独响应式数据，并且值是关联的。----优化访问，去除前缀（某一个属性）

如：

数据使用 reactive以及toRef

toRefs函数

toRefs是函数，转换响应式对象中所有属性（可以是一部分）为单独响应式数据，对象成为普通对象，并且值是关联的。----获取多个属性进行访问

相当于解构赋值，对toRef的增强。

数据使用 数据定义

ref函数

ref函数，常用于简单数据类型定义为响应式数据

在修改值和获取值的时候，需要.value

在模板中使用ref申明的响应式数据，可以省略.value

数据使用和定义

总结

1.如果是基本类型数据，可以使用ref进行定义

2.ref其实也可以定义对象，但是访问时需要value属性

---

总结：数据响应式

1.setup中直接返回的普通数据不是响应式的

2.通过reactive包裹对象可以成为响应式数据

3.为了简化对象的访问（去掉前缀），可以使用toRef进行优化

4.为了获取对象中多个属性，可以使用toRefs进一步简化

5.如果是简单数据类型，使用ref定义更加合适