toRaw 与 markRaw

时间：2023-07-11 21:24:35浏览次数：34

标签：场景对象普通响应 toRaw markRaw

toRaw：
- 作用：将一个由reactive生成的响应式对象转为普通对象。
- 使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。
markRaw：
- 作用：标记一个对象，使其永远不会再成为响应式对象。
- 应用场景:
  1. 有些值不应被设置为响应式的，例如复杂的第三方类库等。
  2. 当渲染具有不可变数据源的大列表时，跳过响应式转换可以提高性能。

标签：场景,对象,普通,响应,toRaw,markRaw
From： https://www.cnblogs.com/ixtao/p/17545947.html

toRef、toRefs、toRaw解析
1、toRef 2、toRefs 3、toRaw当你的对象不需要它去做响应式的操作，可以对其进行使用，让它脱离原本的proxy层变成普通的对象（没有响应式）......
vue3.0toRaw()、markRaw()、customRef()
1.toRaw和markRaw的使用意义（给reactive对象进行的添加属性都会自动给该属性添加响应式，当需要给reactive添加没有响应式的属性则使用） 2. toRaw和markRaw的使用示例（对其......
Vue3之toRaw 与 markRaw
toRaw与markRawtoRaw：作用：将一个由reactive生成的响应式对象转为普通对象。ref的对象不行使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引......
vue3 toRef toRefs toRaw使用
//只能修改响应式对象的值constperson=reactive({name:"zhangsan",age:18});//将age属性单独提出来响应式数据constageCopy=toRef(person,"age");cons......
Vue3中响应式 API ( readonly、shallowReadonly、toRaw、markRaw ) 详解
传送门：Vue3中响应式API(reactive、ref、toRef、toRefs)详解传送门：Vue3中响应式API（shallowReactive、shallowRef、triggerRef、customRef）详解1.readonly......
【Vue3】ref, reactive, shallowRef, shallowReactive, toRaw, markRaw, readonly, sh
ref的实现ref实现响应式(基本类型)也是采用Object.definedProperty()来实现的getter和setterref实现响应式(对象类型)也是采用Proxy来实现（底层调用reactive方法）reac......
Vue3中响应式 API ( readonly、shallowReadonly、toRaw、markRaw ) 详解
1.readonly函数接受一个对象(不论是响应式还是普通的)或是一个ref，返回一个原值的只读代理。只读代理是深层的：对任何嵌套属性的访问都将是只读的。它的ref解包行为......
vue3 的 ref、isRef、toRef、toRefs、toRaw 详细介绍
ref、isRef、toRef、toRefs、toRaw看着一堆类似的东西，一个头两个大，今天整理一篇文章详细介绍它们的功能及区别。1、refref属性除了能够获取元素外，也可以使用ref函数，创建......
vue3 的 ref、isRef、toRef、toRefs、toRaw 详细介绍
ref、isRef、toRef、toRefs、toRaw看着一堆类似的东西，一个头两个大，今天整理一篇文章详细介绍它们的功能及区别。1、refref属性除了能够获取元素外，也可以使用ref函数，......
vue3——toRaw 与 markRaw
toRaw：作用：将一个由reactive生成的响应式对象转为普通对象。使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。markRaw：作......

toRaw 与 markRaw

相关文章

赞助商

阅读排行