首页 > 其他分享 >一、响应数据

一、响应数据

时间:2023-04-20 15:55:19浏览次数:27  
标签:reactive 数据 timer 解构 响应 value ref

1、ref 全家桶 ref: 深层数据响应 全类型 取值赋值需要.value ref()、可以读取dom属性 ref< HTMLDivElement>() isRef: 判断变量是否是ref对象 idRef()  shallowRef: 浅层数据响应 shallowRef() triggerRef: 强制更新数据 triggerRef() customRef: 自定义ref方法   例:function MyRef<T>(value:T){         let timer:any         return customRef((track,trigger)=>{             return {                 get(){                     track() // 接收依赖                     return value                 },                 set(newVal){                     clearTimeout(timer)                     timer =setTimeout(()=>{                         value = newVal                         timer = null;                         trigger() // 触发更新                     },500)                 }             }         })     } 2、reactive 全家桶   reactive: 深层数据响应 引用类型 取值赋值不需要.value 数组不能直接赋值 reactive({}) //{}|[]   shallowReactive: 浅层数据响应 shallowReactive({})   readonly: 把对象变成只读 3、to 全家桶   toRef: 解构reactive响应对象值并修改   toRefs: 解构reactive响应对象集合并修改   toRaw: 解构reactive响应对象集合并转换为普通对象

标签:reactive,数据,timer,解构,响应,value,ref
From: https://www.cnblogs.com/RaySirBlog/p/17337153.html

相关文章

  • 详解数据结构中栈的定义和操作
    摘要:本文为大家详解数据结构中栈的定义和操作。本文分享自华为云社区《数据结构:详细讲解栈的定义、栈的操作》,作者:高彬滔。1.栈的定义栈(stack):是只允许在一端进行插入或者删除操作的线性表(即后进先出,大概可以理解为吃饱了吐出来)空栈:不含元素的空标配栈顶:表尾端栈底:表头端......
  • 30 29 | 如何判断一个数据库是不是出问题了?
    我在第25和27篇文章中,和你介绍了主备切换流程。通过这些内容的讲解,你应该已经很清楚了:在一主一备的双M架构里,主备切换只需要把客户端流量切到备库;而在一主多从架构里,主备切换除了要把客户端流量切到备库外,还需要把从库接到新主库上。主备切换有两种场景,一种是主动切换,一种是被动......
  • 32 31 | 误删数据后除了跑路,还能怎么办?
    今天我要和你讨论的是一个沉重的话题:误删数据。在前面几篇文章中,我们介绍了MySQL的高可用架构。当然,传统的高可用架构是不能预防误删数据的,因为主库的一个droptable命令,会通过binlog传给所有从库和级联从库,进而导致整个集群的实例都会执行这个命令。虽然我们之前遇到的大多数的......
  • 【RDH隐藏】基于减少直方图移位中像素的无效移位的可逆数据隐藏附matlab代码
    ✅作者简介:热爱科研的Matlab仿真开发者,修心和技术同步精进,matlab项目合作可私信。......
  • SqlServer触发器获取变更的数据
    1、Inserted和DeletedInserted表用于存储INSERT和UPDATE语句所影响的行的副本。在一个插入或更新事务处理中,新建行被同时添加到inserted表和触发器表中。Inserted表中的行是触发器表中新行的副本。插入操作Inserted表有数据,Deleted表无数据删除操作Inserted表无数据,De......
  • Google Spanner数据库查询优化
    背景介绍运维反馈生产环境定时任务管理界面查询速度太慢,经过定位发现,是SQL查询速度太慢导致的,经过定位发现出有以下SQL数据查询过慢SELECTt.id,t.job_group,t.job_id,t.executor_address,t.executor_handler,t.executor_param,t.executor_sharding_param,t.executor_fai......
  • 09-内置对象扩展:Set数据结构
    title:09-内置对象扩展:Set数据结构publish:trueSet数据结构Set数据结构的介绍ES6提供了新的数据结构Set。Set类似于数组,但成员的值都是唯一的,没有重复的值。Set的应用有很多。比如,在H5页面的搜索功能里,用户可能会多次搜索重复的关键字;但是在数据存储上,不需要存......
  • 根据EXCEL数据自动生成WORD文档
    如何通过excel批量生成word文件?大家应该都有批量生成word文件的工作经历。相信有很多小伙伴都遇到过,一个excel表格里有一批明细数据,然后需要一次性把这些明细数据生成对应的word文件,这项工作如果手动做,一个一个的创建word文件,那工作效率会非常的低。有没有高效快捷的办法批量生成......
  • Python常用数据结构之元组
    前面的两节课,我们为大家讲解了Python中的列表,它是一种容器型的数据类型,通过列表类型的变量,我们可以保存多个数据并通过循环实现对数据的批量操作。当然,Python中还有其他容器型的数据类型,接下来我们就为大家讲解另一种容器型的数据类型,Python常用数据结构之元组(tuple)。元组的定义......
  • 在JAVA中怎么比较Double类型数据的大小?
    评:doublea=0.001;doubleb=0.0011;BigDecimaldata1=newBigDecimal(a);BigDecimaldata2=newBigDecimal(b);data1.compareTo(data2)非整型数,运算由于精度问题,可能会有误差,建议使用BigDecimal类型!publicintcompareTo(BigDecimalval)将此BigDecimal......