toRaw作用用于获取一个响应式对象的原始对象，toRaw返回的对象不再是响应式的，不会触发视图更新。toRaw()可以返回由reactive()、readonly()、shallowReactive()或者shallowReadonly()创建的代理对应的原始对象。注意：这是一个可以用于临时读取而不引起代理访问/跟踪开

文章目录Vue3的响应性系统使用`toRaw`使用`markRaw`使用场景1.与第三方库交互2.提高性能3.避免无限循环总结

toRaw：作用：将一个由reactive生成的响应式对象转为普通对象。使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。markRaw：作用：标记一个对象，使其永远不会再成为响应式对象。应用场景:有些值不应被设置为响应式的，例如复杂的第

1、toRef 2、toRefs   3、toRaw当你的对象不需要它去做响应式的操作，可以对其进行使用，让它脱离原本的proxy层变成普通的对象（没有响应式）

1.toRaw和markRaw的使用意义（给reactive对象进行的添加属性都会自动给该属性添加响应式，当需要给reactive添加没有响应式的属性则使用） 2. toRaw和markRaw的使用示例（对其

toRaw与markRawtoRaw：作用：将一个由reactive生成的响应式对象转为普通对象。ref的对象不行使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引

//只能修改响应式对象的值constperson=reactive({name:"zhangsan",age:18});//将age属性单独提出来响应式数据constageCopy=toRef(person,"age");cons

​​传送门：Vue3中响应式API(reactive、ref、toRef、toRefs)详解​​传送门：Vue3中响应式API（shallowReactive、shallowRef、triggerRef、customRef）详解1.readonly

ref的实现ref实现响应式(基本类型)也是采用Object.definedProperty()来实现的getter和setterref实现响应式(对象类型)也是采用Proxy来实现（底层调用reactive方法）reac

1.readonly函数接受一个对象(不论是响应式还是普通的)或是一个ref，返回一个原值的只读代理。只读代理是深层的：对任何嵌套属性的访问都将是只读的。它的ref解包行为

ref、isRef、toRef、toRefs、toRaw看着一堆类似的东西，一个头两个大，今天整理一篇文章详细介绍它们的功能及区别。1、refref属性除了能够获取元素外，也可以使用ref函数，创建

ref、isRef、toRef、toRefs、toRaw看着一堆类似的东西，一个头两个大，今天整理一篇文章详细介绍它们的功能及区别。1、refref属性除了能够获取元素外，也可以使用ref函数，

toRaw：作用：将一个由reactive生成的响应式对象转为普通对象。使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。markRaw：作