Notas de estudio de Vue3

1. ref: simplemente piense en ello como otra forma de escribir datos en datos en vue2, envolviendo un objeto de datos receptivo

2. reactivo: crea un objeto de datos receptivo

3. La diferencia entre ref y reactivo:
   (1) ref (obj) puede entenderse simplemente como reactivo ({valor: obj})
   (2) valores de tipo básico (String, Nmuber, Boolean, etc.) u objetos de valor único (similar a {count: 3} tal objeto con solo un valor de atributo) use ref
   (3) valor de tipo de referencia (Object, Array) use reactivo

4. toref: convierte un valor en el objeto en datos receptivos, aceptando dos parámetros (objeto obj, nombre de atributo del objeto), por ejemplo

<script>
// 1. 导入 toRef
import {toRef} from 'vue'
export default {
    setup() {
        const obj = {count: 3}
        // 2. 将 obj 对象中属性count的值转化为响应式数据
        const state = toRef(obj, 'count')
		
		// 3. 将toRef包装过的数据对象返回供template使用
        return {state}
    }
}
</script>

5. La diferencia entre ref y toref:
   (1) ref es una copia de los datos entrantes; toRef es una referencia a los datos entrantes
   (2) el valor de ref actualizará la vista; el valor de toRef no actualizará la vista
6. torefs: similar a toref, convierte los valores de todos los atributos en el objeto entrante en objetos de datos sensibles.Esta función admite un parámetro, a saber, el objeto obj

setup() {
        const obj = {
			name: 'css',
			age: 22,
			gender: 0
		}
        // 2. 将 obj 对象中属性count的值转化为响应式数据
        const state = toRefs(obj)