https://vuejs.org/ 3 uses Proxies, a powerful https://en.wikipedia.org/wiki/Metaprogramming feature. By using https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy Vue.js 3 managed to resolve the reactivity-related issues in Vue.js 2. Since Proxies are a relatively new thing, lots of developers are having trouble understanding how Proxies work. One very frequent question is how to access the underlying value of a Proxy in Vue.js 3.
import { isProxy, toRaw } from 'vue'; let rawData = someData; if (isProxy(someData)){ rawData = toRaw(someData)}