学习vue3 第四章(reactive全家桶)

reactive

用来绑定复杂的数据类型 例如 对象 数组,它是不可以绑定普通的数据类型,会报错

数组异步赋值问题,会脱离响应式

javascript 复制代码
import { reactive } from 'vue'
let person = reactive<number[]>([])
setTimeout(() => {
  const arr = [1, 2, 3]
  //person = arr 报错
  //方法一:person.push(...arr)
  //方法二:person被对象包裹,再赋值 person.list = arr
  
},1000)

readonly

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

shallowReactive

只能对浅层的数据 如果是深层的数据只会改变值 不会改变视图

相关推荐
ma772 分钟前
JavaScript 获取短链接原始地址的解决方案
前端
该用户已不存在2 分钟前
关于我把Mac Mini托管到机房,后续来了,还有更多玩法
服务器·前端·mac
tianchang5 分钟前
SSR 深度解析:从原理到实践的完整指南
前端·vue.js·设计模式
闲蛋小超人笑嘻嘻6 分钟前
前端面试十一之TS
前端
摆烂为不摆烂7 分钟前
😁深入JS(四): 一文让你完全了解Iterator+Generator 实现async await
前端
DoraBigHead19 分钟前
🧠 别急着传!大文件上传里,藏着 Promise 的高级用法
前端·javascript·面试
嘉琪00122 分钟前
封装一个有最小化的dialog组件
前端·javascript·css
水果里面有苹果25 分钟前
20-C#构造函数--虚方法
java·前端·c#
Zachery Pole25 分钟前
BootStrap
前端·bootstrap·html
一尾流莺27 分钟前
【2025 年中总结】世事浮云何足问,不如高卧且加餐
前端·掘金社区