toRaw返回响应式对象的普通对象，可以通过这个对象达到修改属性，而不更新页面的效果markRaw标记一个普通对象，使得它不可以被转换成响应式对象
原创
2021-07-09 10:42:42
378阅读
1.readonly 深度只读 被readonly包裹的数据只能够读取。 是一个深度只读，不能够修改。 我们看一下面的代码。 我们想修改值,但是修改后视图无响应。 并且控制台警告目标为只读 readonly深度只读的应用场景： 比如我们登录后用户信息不会发生改变了。 <template> <div>
原创
2022-09-01 16:52:45
269阅读
toRaw是Vue3中一个非常实用的高阶用法，能够帮助我们在特定场景下绕过响应式系统，从而优化性能或与外部库更好地集成。通过
【Vue3】toRaw与markRaw的使用和示例（转）
转载
2022-08-28 00:01:26
438阅读
toRaw() 可以返回由 reactive()、readonly()、shallowReactive() 或者 shallowReadonly() 创建的代
原创
2022-10-30 10:21:55
259阅读
ref、isRef、toRef、toRefs、toRaw 看着一堆类似的东西，一个头两个大
原创
2022-10-02 22:59:28
10000+阅读
单独抽出某个遍历为Ref这样是不行的 必须为相应对象才行。
原创
2023-03-16 07:30:29
80阅读
1.readonly函数接受一个对象(不论是响应式还是普通的)或是一个ref，返回一个原值的只读代理。只读代理是深层的：对任何嵌套属性的访问都将是只读的。它的ref解包行为与reactive()相同，但解包得到的值是只读的。要避免深层级的转换行为，请使用shallowReadonly()作替代。javascript<template<div<div{{count}}<button@click="c
推荐
原创
2022-10-17 13:29:39
1025阅读
点赞
20评论
reactive：深度劫持（深监视）shallowReactive：浅度劫持（浅监视）ref:深度劫持（深监视），做了reactive..
原创
2022-06-27 15:27:22
435阅读
unref:常常用于获取ref定义的响应式数据的原始数据；toRef:toRef函数用于创建一个响应式引用，该引用指向响应式对象的某个属性。这样，即使你将这个属性的引用传递到其他地方，它仍然保持响应性。当原始对象的属性值发生变化时，toRef创建的引用也会更新，不能用于ref定义的响应式数据，否则跟上面一样用了白用,。两种情景：将响应式对象上的一个属性转换为一个ref。这种情况下，你需要提供两个参
其它 API
【shallowRef 与 shallowReactive】
shallowRef
作用：创建一个响应式数据，但只对顶层属性进行响应式处理。
用法：
let myVar = shallowRef(initValue)
特点：只跟踪引用值的变化，不关心值内部的变化
shallowReactive
作用：创建一个浅层响应式对象，只会使对象的最顶层属性变成响应式的，
VUE框架Vue3使用toRaw和markRaw标记为原始和转换为原始对项目效率进行优化------VUE框架
