ref是处理基本数据类型的响应类型API函数,在setup中声明定义的变量可以直接用于模板
没有响应式API包裹处理的变量数据不具备响应能力
也就是说，数据经常在逻辑上被修改，但页面不会更新，那么如何将非响应数据转换为响应数据呢？
就需要用到toRef()与toRefs()这两个componsition API的
简单地看概念，往往比较抽象，难以理解，还是需要从具体的例子开始
toRef()函数
作用:创建一个ref对象,其value值指向另一对象中的属性值，与原对象有关。【相关推荐:vuejs视频教程、web前端开发】
也就是说，基于响应对象上的一个属性，创建一个相应的ref,这样创建的ref与其源属性同步，与源对象有引用关系
改变源属性的值将更新ref的值
语法: const 变量名 = toRef(源对象，源对象下的某个属性)
如:const name = toRef(person,