简单说下vue3 toraw的作用

toRaw 是 Vue 3 中的一个函数，它的作用是将一个响应式对象转换为普通的 JavaScript 对象。在 Vue 3 中，使用 reactive 函数创建的对象是一个代理对象，无法直接访问其原始值。但是在某些情况下，我们可能需要访问这个对象的原始值，这时可以使用 toRaw 来获取。

具体来说，toRaw 的作用有以下几个方面：

获取原始值：通过调用 toRaw，可以获取到一个响应式对象的原始 JavaScript 对象，而不是它的代理对象。这在某些需要直接操作原始值的场景下非常有用。

防止代理逃逸：Vue 3 的响应式系统默认会将对象转换为代理对象，以便进行依赖追踪和触发更新。然而，在某些情况下，我们希望禁止对象被转换为代理对象（例如在 Vuex 中保存状态）。通过使用 toRaw，我们可以确保对象不会被转换为代理对象。

检查对象是否是响应式的：通过与 isReactive 或 isRef 等函数结合使用，我们可以判断一个对象是否是响应式的。如果对象是响应式的，我们可以使用 toRaw 将其转换为原始值，并对其进行一些非响应式的操作。

需要注意的是，toRaw 只能用于 Vue 3 中创建的响应式对象，对于普通对象或 Vue 2 中的响应式对象，调用 toRaw 会直接返回输入对象本身，不做任何转换。另外，使用 toRaw 转换后的对象失去了响应式功能，不会再触发更新。