vue3 toRef与toRefs

toRef

• 作用：创建一个ref响应式对象，其value值的get 指向另一个对象的属性,只能处理对象的一个属性
  语法：

 let person =reactive({
                detail:{
                    address:'河南省洛阳市',
                },
                age:15,
                sex:'女',
                name:'jerry'
            })
//  let name = person.name  //  此处name不是一个响应式对象，因此，改变此处的name，person的name不会随之更改
const name = toRef(person,'name')  //name是响应式对象，改变name,person的name也会随之更改

• 应用：要将响应式对象中的某个属性单独提供给外部使用时
  扩展：toRefs与toRef功能一致，但可以批量创建多个ref对象，语法 toRefs(person)
• ref 创建一个响应式对象，也就是开辟一个新的地址存储（改变数据，不会引起原来数据的改变）
• toRef 将值变为响应式对象，但是地址引用原数据的地址，因此改变，会导致原来数据的改变 （引用）

toRefs

• 作用：把对象的每个属性都变成toRef式的对象，可以直接读取某个属性进行变量赋值，一旦改变，源对象也会改变
• 语法：

 setup(props) {
	 let person =reactive({
	                detail:{
	                    address:'河南省洛阳市',
	                },
	                age:15,
	                sex:'女'
	            })
	  return {
			...toRefs(person)
	}
}