type
status
date
slug
summary
tags
category
icon
password

reactive

reactive 只支持引用类型(比如:Array、Object、Map、Set),在源码里可以看到reactive做了类型的约束,它不允许我们绑定普通类型,否则会报错
notion image
 
reactive在取值和赋值的时候不需要写.value
 
reactive数组异步赋值问题:按照下面的方式赋值,页面是不会发生改变的
因为在vue3中的响应式原理是通过es6的proxy实现的,proxy的使用本身就是对于对象的拦截,如果直接把把一个新的对象/数组赋值给reactive创建的对象/数组,就会丢失响应式
解决方式1:
解决方式2:

readonly

拷贝一份proxy对象将其设置为只读

shallowReactive

只对浅层的数据进行响应式处理,如果是深层的数据只会改变值,不会改变视图
学习Vue3第七节:computed计算属性学习Vue3第八节:watch侦听器
衔蝉
衔蝉
一个普通的干饭人🍚
公告
type
status
date
slug
summary
tags
category
icon
password
欢迎来到衔蝉的博客小站✨
这里是我的个人学习、生活记录
--- 免责声明 ---
⚠️ 本站内容仅代表个人观点
⚠️ 本站内容仅供学习参考使用
--- 关于我 ---
我要如加菲猫一般地活着
一大碗杂碎面
就能换来一个艳阳天🌻