toRaw

2023年05月03日

柏拉文

越努力，越幸运

一、认识

---

toRaw 根据一个 Vue 创建的代理返回其原始对象。toRaw() 可以返回由 reactive()、readonly()、shallowReactive() 或者 shallowReadonly() 创建的代理对应的原始对象。这是一个可以用于临时读取而不引起代理访问/跟踪开销，或是写入而不触发更改的特殊方法。不建议保存对原始对象的持久引用，请谨慎使用。

二、语法

---

import { reactive, toRaw } from 'vue';

const obj = reactive({
  a: 1,
  b: {
    c: 1,
    d: 2
  }
});

const objRaw = toRaw(obj);