Cuando vue3 obtiene el valor del objeto, es un proxy, cómo obtener el valor real que necesitamos

1. Recientemente encontré un problema al desarrollar vue3, como se muestra en el siguiente código:

Quiero obtener el valor de forData, pero después de que la consola imprima:

Debido a que la capa inferior de vue3 usa proxy para proxy, lo que imprimimos es el objeto proxy después del proxy proxy, y el [[objetivo]] en el objeto proxy es el objeto real

En segundo lugar, la solución:

1. Usa toRaw()

import { toRaw } from "@vue/reactivity";
let list = toRaw(xxxx)

 Use el método toRaw() para obtener el objeto original, donde 'xxx' son los datos que necesita convertir

2. Usa la serialización json

JSON.parse(JSON.stringify(xxx))

Aquí 'xxx' son los datos que necesita convertir