Vue3中ref、toRef、toRefs的区别

291 阅读1分钟

直接上总结,示例可以去vue3官网查看

// ref、toRef、toRefs 都可以将某个对象中的属性变成响应式数据

// ref的本质是拷贝,修改响应式数据,不会影响到原始数据,视图会更新
// toRef、toRefs的本质是引用,修改响应式数据,会影响到原始数据,视图不会更新

// toRef 一次仅能设置一个数据,接收两个参数,第一个参数是哪个对象,第二个参数是对象的哪个属性
// toRefs接收一个对象作为参数,它会遍历对象身上的所有属性,然后挨个调用toRef执行