vue3中tojs写法
vue中reactive
在 Vue 3 中，由于响应式系统的改变，你可能需要将响应式对象转换为普通 JavaScript 对象，以便在某些场景（如发送到服务器）中使用。在 Vue 2 中，我们通常使用 `Raw` 或其他方法来达到这个目的，但在 Vue 3 中，你应该使用 `@vue/reactivity` 包提供的 `toRaw` 方法。
但是，你提到的 `toJS` 更像是 `mobx` 库中的一个方法，它将一个 MobX 的 observable 对象转换为一个普通的 JavaScript 对象。在 Vue 3 中，没有直接的 `toJS` 方法，但你可以使用 `toRaw` 来达到类似的效果。
要在 Vue 3 中使用 `toRaw`，首先确保你已经安装了 `@vue/reactivity` 包（通常，如果你安装了 Vue 3，这个包应该已经包含在内了）。
然后，你可以这样使用它：
```javascript
import { reactive, toRaw } from 'vue'
const state = reactive({ name: 'Alice', age: 30 });
const rawState = toRaw(state);
console.log(rawState); // { name: 'Alice', age: 30 }，但这是一个普通对象，不是响应式的
```
但请注意，`toRaw` 的主要目的是获取响应式对象的基础、非响应式版本。如果你只是想在模板或计算属性中访问响应式对象的值，你通常不需要使用 `toRaw`。
如果你确实需要类似 `toJS` 的功能（例如，你正在从 MobX 迁移到 Vue，或者你有其他特定的需求），你可能需要自己编写一个函数来递归地遍历响应式对象并返回其普通版本。但是，在大多数情况下，`toRaw` 应该足够用了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。