vue3中的toRef和toRefs的详解前言现在vue3替代了vue2,成为了主流的开发框架，里面和vue2有很多区

前言

现在vue3替代了vue2,成为了主流的开发框架，里面和vue2有很多区别，这里不做细讲，这次说说vue3中的toRef和toRefs

import {ref,reactive,toRefs,toRef} from 'vue'
let person=reactive({
  name:'xu',
  age:18
})
//解构赋值,使用toRefs时，可以把person里面的属性变成响应式
let {name,age} = toRefs(person)
const handage = ()=>{
age.value++
}

let label=toRef(person,'name')

const handName =()=>{
  label.value+='~'
}

</script>

toRefs可以让对象person的所有属性变成响应式，而toRef可以使对象person中的某一个属性变成响应式