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

聊聊解构的那些事

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

解构定义

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

情境一

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

错误场景

特殊场景

情境二

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

正确场景

执行结果:一致

错误场景

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

解决方案

toRefs转换为响应式

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


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

相关文章:

  • 代码随想录-训练营-day4
  • 《探秘ROS:机器人世界的“幕后英雄”》
  • word中电流符号i或者j,这两个字母的头上的点会消失---完美解决办法
  • 初学stm32 --- DAC模数转换器工作原理
  • HTTP-响应协议
  • ubuntu设置开机无需输入密码自启动todesk,内网穿透natapp
  • 本篇文章来介绍下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