学习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

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

相关推荐
excel19 小时前
从卷积到全连接:用示例理解 CNN 的分层
前端
UNbuff_019 小时前
HTML 各种事件的使用说明书
前端·html
Mr. Cao code19 小时前
探索OpenResty:高性能Web开发利器
linux·运维·服务器·前端·nginx·ubuntu·openresty
li35741 天前
将已有 Vue 项目通过 Electron 打包为桌面客户端的完整步骤
前端·vue.js·electron
Icoolkj1 天前
VuePress 与 VitePress 深度对比:特性、差异与选型指南
前端·javascript·vue.js
excel1 天前
CNN 分层详解:卷积、池化到全连接的作用与原理
前端
excel1 天前
CNN 多层设计详解:从边缘到高级特征的逐层学习
前端
^Rocky1 天前
JavaScript性能优化实战
开发语言·javascript·性能优化
西陵1 天前
Nx带来极致的前端开发体验——任务编排
前端·javascript·架构
大前端helloworld1 天前
从初中级如何迈入中高级-其实技术只是“入门卷”
前端·面试