原文:vue3中readonly家族(系列十二)

利用readonly封装数据,递归只读 打印情况 点击按钮,尽管重新赋值了数据,但是并没有更改数据,所以只能是只读的,并且是递归只读,层级深的数据也是没有变化。而且页面并没有跟新 利用shallowReadonly封装数据,非递归只读 打印效果 此时,只对最外层数据name属性有只读效果,内层的数据都改变了,非递归只读,页面同样也是未发生更新 关于isReadeonly,以及readonly和c ...

2021-03-05 15:10 0 508 推荐指数:

查看详情

Vue3 响应性基础 API 之 `readonly`

基本用法 接受一个对象 (响应式或纯对象) 或 ref 并返回原始对象的只读代理。 只读代理是深层的:任何被访问的嵌套 property 也是只读的。 与 re ...

Thu Jan 06 01:13:00 CST 2022 0 1505
vue3reactive注意点(系列四)

reactive reactive 是 Vue3 中提供的实现响应式数据的方法。 在 Vue2 响应式数据是通过 defineProperty 来实现的,在 Vue3 响应式数据是通过 ES6 的 Proxy 来实现的。具体参照Vue双向数据绑定,Vue3 ...

Fri Mar 05 16:17:00 CST 2021 0 5573
vue3toRef和toRefs的情况(系列九)

ref类型数据代码 通过发现,如果利用ref将某一个对象的属性变成响应式的数据, 我们修改响应式的数据是不会影响到原始数据的obj !== state, 会触发页面更新 通过toRef ...

Fri Mar 05 20:41:00 CST 2021 0 11133
vue3ref和reactive的区别(系列六)

数据是ref类型 效果,点击按钮,页面数据变成666了,注意,vue模板没有age.value,因为ref类型的数据有isRef属性,底层自动会将.value加上。 数据是reactive类型 效果,点击按钮,页面还是个对象数据 ...

Fri Mar 05 17:02:00 CST 2021 1 4253
vue3toRaw以及markRow情况(系列八)

reactive类型数据代码 我们点击按钮后,发现obj修改name的属性的数据成功了,但是页面视图并没有更新,不是响应式的。通过封装了state的对象,修改name属性,会更改页面视 ...

Fri Mar 05 19:22:00 CST 2021 0 1884
VUE3十二)provide和inject函数

父传更深的后代 一般往深度层级传递值,有这两种方式: · provide / inject · vuex provide / inject 一看到“深”这个字,大家肯定第一想到的就Vue2的provide / inject选项。没错,这套逻辑在vue3同样适用,这两个选项变成了两个方法 ...

Wed Mar 10 18:29:00 CST 2021 0 903
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM