当前位置: 首页 > news >正文

聊聊解构的那些事

#我们都知道es6出了个新特性,支持解构,使用过的人可能都觉得挺简单的,但有一些小点,只有使用中留意了或者踩坑了才发现我们认识的还很浅#

解构定义

允许按照一定模式,从数组和对象中提取值,对变量进行赋值

情境一

按照定义来说,我们只能解构数组和对象,但有一种特殊情况,解构空值也不会报错

错误场景

特殊场景

情境二

解构的对象里存在计算属性或者响应式对象(结合vue3知识的)

正确场景

执行结果:一致

错误场景

执行结果:只复制其值,丢失响应式特性

解决方案

toRefs转换为响应式

const newObj = {...toRefs(oldObj),
}


http://www.mrgr.cn/news/61561.html

相关文章:

  • EasyExcel自定义下拉注解的三种实现方式
  • windows 11 mpksldrv.sys 导致蓝屏
  • php伪协议和move_uploaded_file、rename、copy等文件操作
  • Java避坑案例 - 异步处理的关键问题与解决方案
  • 深入理解JavaScript:两大编程思想和ES6类以及对象概念解析
  • String-StringBuilder
  • 本篇文章来介绍下dockerfile
  • LeetCode 热题 100 回顾2
  • Golang | Leetcode Golang题解之第519题随机翻转矩阵
  • 速盾:海外高防CDN有哪些优势?
  • SpringBoot篇(自动装配原理)
  • 〈壮志凌云:独行侠〉中的超高音速战机
  • Android Studio 无法查看Kotlin源码的解决办法
  • 了解一下,RN中怎么加载 threejs的
  • openEuler 系统中单引号、双引号及转义字符的应用
  • Topaz Video AI for Mac 视频无损放大软件安装教程【保姆级,操作简单轻松上手】
  • 如何解决 Ansys Electronics Desktop 中的 HPC Pack 许可错误
  • C++引用的属性
  • 如何在 CentOS VPS 上设置系统监控的邮件警报
  • 嫉妒经济学:揭秘消费行为背后的情绪驱动力
  • LeetCode Hot 100:技巧
  • WPF+MVVM案例实战(十二)- 3D数字翻牌计时实现
  • 信息安全数学基础(34)正规子群和商群
  • 加强版 第四节联通组件分析与演示
  • netframework安装不上怎么办
  • LeetCode 热题 100 回顾8