第六篇 vue3 【toRefs 与 toRef】

• import {ref,reactive,toRefs,toRef} from 'vue'

    // 数据
    let person = reactive({name:'张三', age:18, gender:'男'})

• 作用：将一个响应式对象中的每一个属性，转换为ref对象。

• 备注：toRefs与toRef功能一致，但toRefs可以批量转换。

• let {name,gender} =  toRefs(person)    // 取出一批数据的值

• // 通过toRef将person对象中的age 属性取出，且依然保持响应式的能力

•   let age = toRef(person,'age')   //取出单个属性的值

    
姓名：{
  
  {name}}
    
年龄：{
  
  {person.age}}
    
手机：{
  
  {person.tel}}
    
地址：{
  
  {person.address}}
    
基础数据修改：{
  
  {person.baseData }}
    修改地址
    修改手机号码

    修改年龄