vue3 将响应式对象 转成 普通对象

在 Vue 3 中，可以使用 `toRaw` 函数将响应式对象转换成普通对象。该函数的作用是返回原始的、未被代理的对象，从而使对象不再具有响应式能力。使用示例如下：

import { reactive, toRaw } from 'vue'

const state = reactive({
  count: 0
})

const rawState = toRaw(state)
console.log(rawState) // { count: 0 }
console.log(rawState.count) // 0

需要注意的是，`toRaw` 函数只能将响应式对象转换成普通对象，而不能将嵌套的响应式对象一并转换。如果需要将嵌套的响应式对象也转换为普通对象，可以使用递归的方式遍历对象并进行转换。