AI 助理
备案控制台
文章 2024-10-31 来自：开发者社区

vue3知识点：readonly 与 shallowReadonly

@[toc] 三、其它 Composition API(不常用，了解即可) 2.readonly 与 shallowReadonly 注意点1：如果使用readonly包裹的person对象的所有属性数据都只读不可需改，即name、age、salary都只读无法修改。如果使用shallowReadonly包裹的person对象的所有属性数据&#...

vue3知识点：readonly 与 shallowReadonly
文章 2023-08-21 来自：开发者社区

Vue3中readonly 与 shallowReadonly的使用区别？

前言readonly:让一个响应式数据变为只读的（深只读）。shallowReadonly：让一个响应式数据变为只读的（浅只读）。应用场景: 不希望数据被修改时。readonly我们在代码中定义了一个响应式对象person 然后使用readonly(person )方法传入person 返回一个只读的对象 用p接收并返回 • 1<template> <div> ...

Vue3中readonly 与 shallowReadonly的使用区别？
文章 2023-08-21 来自：开发者社区

手撸vue3核心源码——响应式原理(readonly以及stop函数)

readonlyreadonly 顾名思义就是只可读，不可改,对比正常的响应式对象，我们可以得到它们的差异编辑 因为readonly只可读不可改,所以我们对于set改值操作自然可以忽略，并且不需要再收集依赖了，我们依赖收集的目的就是为了在响应式数据发生变化时，触发依赖，达到数据视图实时同步的目的，既然数据不可变，那我们也不需要再收集了，那么我们就可以书写代码了export function re....

手撸vue3核心源码——响应式原理(readonly以及stop函数)
文章 2023-04-27 来自：开发者社区

Vue3 响应式原理之 readonly

readonlyreadonly和 reactive 类似，只不过，readonly不需要进行依赖收集，并且不可被 set，我们只需要在 set 时报错即可仍然从测试用例入手it("readonly", () => { const original = { foo: 1, bar: { baz: 2 } }; const wrapped = readonly(original);...

Vue3 响应式原理之 readonly
文章 2023-02-04 来自：开发者社区

VUE3知识点总结 之 readonly 与 shallowReadonly （三）

readonly 让一个响应式数据变为只读的（深只读）shallowReadonly 让一个响应式数据变为只读的（浅只读）readonly<template> <h1>{{ name }}</h1> <h1>{{ age }}</h1> <h1>{{ job.salary.value }}</h1> ...

VUE3知识点总结 之 readonly 与 shallowReadonly （三）
文章 2023-01-15 来自：开发者社区

手写vue3源码——readonly, isReactive,isReadonly, shallowReadonly

引言本次文章的内容需要基于上一个文章，如果没有看上一个的话，请看手写vue3源码——reactive, effect ,scheduler, stop 等,本次编写的所有源码均是单独的仓库，详情请查看readonly经过上一节的内容，咋们一起学习了，reactive 是怎么实现的，回顾下，reactive 是返回了一个代理对象，通过proxy的第二个参数，传入 get, set, 当对象触发对象....

文章 2022-06-13 来自：开发者社区

Vue3中readonly 和 shallowReadonly和toRaw

1.readonly 深度只读被readonly包裹的数据只能够读取。是一个深度只读，不能够修改。我们看一下面的代码。我们想修改值,但是修改后视图无响应。并且控制台警告目标为只读readonly深度只读的应用场景：比如我们登录后用户信息不会发生改变了。<template> <div> <div> <div>{{viewSat...

Vue3中readonly 和 shallowReadonly和toRaw

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

VUE.js vue3相关内容

VUE.js更多vue3相关

VUE.js您可能感兴趣

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。

+关注