vue3.0 中 reactive， ref 和 toRefs

1： Reactive 函数接受一个普通对象， 返回该对象的响应式代理。

      模板中访问的数据需要在setup中返回。  setup 需要返回值， setup 中返回值才可以在模板中使用。

2：  reactive 中传入一个普通对象， 返回一个代理对象 （就是响应式对象）。  如果创建一个对象是响应式， 只需要永reative 包裹以下；

3：  ref 函数是一个简单类型的值， 返回一个可以改变的ref 对象。 返回的对象有唯一的属性value

4:   在steup 函数中， 通过ref 对象 的value 属性可以访问到值。

5： 在模板中， ref 属性会自动解套， 在模板中就不需要额外的.value 值。

6： 如果ref 接受一个对象， 会自动调用reactive.

7:  reactive:  只可以提供复杂的数据类型。    ref:  只可以提供简单数据类型。并且返回一个响应式对象。 这个响应式对象只有一个属性就是value。  （并且是响应式的数据类型）

      在模板中使用ref,  会自动解套，，，，，，会自动调用value

8： toRefs 函数： 把一个响应式对象转换成普通对象，该普通对象的每一个属性（property）都是一个ref （都带有响应式)；

        reactive的响应式功能是赋予对象的， 但是如果给对象解构或者赋值的时候， 会让数据丢失响应式功能。

       使用toRefs 可以保证给该对象的每一个属性都是响应式的。  （每一个属性都添加了， ref 属性，都具有响应式）