vue3中组合式api中常用的函数功能介绍

1，ref 和 reactive 主要用来定义响应式数据。

　　引入方式： import { ref, reactive  } from "vue";

　　注意：ref一般适用于常规类型，比如：number，Boolean，string，array类型；  reactive一般适用于对象类型；

2，toRefs 解构式响应数据，他的作用是将对象的使用像ref一样使用；

　　

// 例如
    import {ref,reactive,toRefs} from 'vue';

    setup(){
      let name=ref('song');
    
      let userinfo=reactive({
          name:'song',
          age:20
        })
      return {
        name,
        userinfo,
　　　　　...toRefs(userinfo)
      }  
// 这里我们在使用userinfo里的数据时，需要通过userinfo.name的形式使用，toRefs的作用就是让我们像使用ref中的name一样使用
    }