首页 > TAG信息列表 > shallowReadonly
readonly 和 shallowReadonly
readonly函数 readonly 接收收一个对象或一个响应式对象 readonly 返回的对象的代理，该对象的属性是只读的(深层) <template> <div>当前求和为 {{sum}}</div> <div>{{name}} --- {{age}} --- {{job.j1.salary}}</div> <div> <button @click="name+='~&#[深入vue3之响应性API] reactive、readonly、shallowReactive、shallowReadonly、toRaw、markRaw等使用与讲解
reactive 返回对象的响应式副本响应式转换是“深层”的——它影响所有嵌套 property。在基于 ES2015 Proxy 的实现中，返回的 proxy 是不等于原始对象的。建议只使用响应式 proxy，避免依赖原始对象。只能传入引用类型，否则抛出警告。 reactive 将解包所有深层的 refs，同时维持 refVue3中readonly 和 shallowReadonly和toRaw
1.readonly 深度只读 被readonly包裹的数据只能够读取。 是一个深度只读，不能够修改。 我们看一下面的代码。 我们想修改值,但是修改后视图无响应。 并且控制台警告目标为只读 readonly深度只读的应用场景： 比如我们登录后用户信息不会发生改变了。 <template> <div> <div>shallowReadonly 与 readonly原理浅析
vue3中的shallowreadonly与 readonly是怎么实现的呢？学习自[尚硅谷](https://24kcs.github.io/vue3_study/chapter4/03_手写组合API.html#_1-shallow readonly-%E4%B8%8E- readonly) 目的 使一个正常的object对象转化为响应式对象 解决方案 简单的说，就是w3c在object的增删改查时