vue3中的toRef的使用

# toRef可以将对象的属性变为响应式的 

<script>
import { reactive,toRefs } from '@vue/reactivity'
export default {
  name: 'Demo',
  setup(){
    let person = reactive({
      name:'蔡恒',
      age:28,
      job:{
        salary:20
      }
    })
    // toRef的使用
    // return {
    //   name:toRef(person,'name'),
    //   age:toRef(person,'age'),
    //   salary:toRef(person.job,'salary')

    // }
    // toRefs 的使用
    return {
      ...toRefs(person)
    }
    // return {
    //   name:person.name,
    //   age:person.age,
    //   salary:person.job.salary
    // }
  }
}
</script>