vue3怎么深拷贝ref和reactive对象让其保持 响应式属性？

Question

vue3怎么深拷贝ref和reactive对象让其保持 响应式属性？

因为用json.parse(json.stringify())的话会使其失去响应式

Answer 1

import { reactive, toRefs } from 'vue'

const original = reactive({ count: 0 })
const copy = toRefs(original)

console.log(copy.count.value) // 0
original.count++
console.log(copy.count.value) // 1