type
status
date
slug
summary
tags
category
icon
password
reactive
reactive
只支持引用类型(比如:Array、Object、Map、Set),在源码里可以看到reactive
做了类型的约束,它不允许我们绑定普通类型,否则会报错reactive
在取值和赋值的时候不需要写.value
reactive
的数组异步赋值问题:按照下面的方式赋值,页面是不会发生改变的因为在
vue3
中的响应式原理是通过es6的proxy
实现的,proxy
的使用本身就是对于对象的拦截,如果直接把把一个新的对象/数组赋值给reactive
创建的对象/数组,就会丢失响应式解决方式1:
解决方式2:
readonly
拷贝一份
proxy
对象将其设置为只读shallowReactive
只对浅层的数据进行响应式处理,如果是深层的数据只会改变值,不会改变视图
- 作者:衔蝉
- 链接:https://xianchan.ah.cn/article/vue3-5
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。
相关文章