vue的toraw方法
Vue 的 toRaw 方法是 Vue 3 中的一个方法，用于获取响应式对象的原始非响应式版本。在 Vue 3 中，对象的响应式属性会被代理到一个隐藏的响应式代理对象中，而 toRaw 方法可以获取到该原始非响应式的对象。
使用 toRaw 方法可以方便地获取到对象的原始数据，而不是代理对象。这在某些情况下很有用，例如当需要将对象传递给不支持响应式的库时，或者需要对对象进行深层次的比较时。
具体的用法如下：
```javascript
import { toRaw } from 'vue'
const obj = reactive({ a: 1, b: 2 })
const rawObj = toRaw(obj)
console.log(obj) // => { a: 1, b: 2 }
console.log(rawObj) // => { a: 1, b: 2 }
console.log(obj === rawObj) // => false
```
vue中reactive上面的例子中，我们使用 reactive 方法将对象 obj 转化为一个响应式对象，然后使用 toRaw 方法获取到原始非响应式的对象 rawObj，并分别输出它们的值和进行比较。可以看到，obj 和 rawObj 的值相同，但它们是不同的对象。
需要注意的是，在使用 toRaw 方法时，必须确保要获取原始对象的属性已经被访问过，这样 Vue 才能正常追踪并代理该属性的变化。如果在获取到代理对象之前没有访问到某个属性，那么该属性就无法被 Vue 追踪并代理，从而无法在通过 toRaw 方法获取到的原始对象中包含该属性。

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