解构赋值个人理解

最新推荐文章于 2024-08-20 11:29:48 发布
最新推荐文章于 2024-08-20 11:29:48 发布
阅读量211 收藏
点赞数
分类专栏： vue学习 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44727672/article/details/128221023
版权

解构赋值：顾名思义，就是将结构解开，然后重新赋值给一个新变量，目的就是为了简化操作。
先来看这段代码，在这里插入图片描述
这就是从后台获取一个数据，其中返回值的类型被axios封装成了一个对象，而对象之中又有对象，所以这个时候用到结构赋值比较方便，即这样
在这里插入图片描述
解释：相当于将右边对象中的data对象重命名为res，相当于抽离了出来。然后直接用。
写的不是太清晰，仅供自用

罗生门£
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue笔记(4)-组件
qq_18594435的博客
08-02 1202
vue个人笔记
const {data: res} = await fetchxxx()；
飞翔的熊blabla
06-22 2016
fetch的返回值是{data:res}的json 那data,res其实都是变量分别赋值了data和res的值而已
ES6-解构赋值
caicsama的博客
03-10 154
数组解构赋值：获取等号右边的值，赋给等号左边对应位置的变量 完全解构 let [a,b,c]=[1,2,3]; console.log(a,b,c);//控制台输出1 2 3 不完全解构：等号左边的模式只匹配右边的一部分 let [a,b]=[1,2,3]; console.log(a,b);//控制台输出 1 2 解构不成功，返回undefined let [def,foo]=[]; con...
Vue「四」—— 组件生命周期、数据共享
imByte的博客
11-25 1255
本文详解了组件的生命周期以及数据共享，外配有购物车案例实现与分析，欢迎阅读。
12.9问题
不想起床
12-09 1110
解构赋值 解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。 应用场景：当请求一个接口，服务器返回数据，可以利用结构赋值来为data赋值为res，解构对象，重命名 代码：const { data: res } = await this.$http.post(“login”, this.loginForm); await,asy...
const {data:res} = await login(this.loginForm)
xiao_xiao_o的博客
07-06 6451
这是es6中对象的解构赋值。 es6中对象的解构赋值： let [a,b,c] = [1,2,3]; a //1 b //2 c //3
了解解构赋值
xi_yuanl的博客
11-13 261
解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。
解构赋值
liyyyyyyyyyyyyyy的博客
08-11 1504
以前，为变量赋值，只能直接指定值。而ES6提出了解构赋值，其在实际开发中可以大量减少我们的代码量，并且让我们的程序结构更清楚。那大家一定就很好奇解构赋值的魅力到底有多大？接下来我们就对解构赋值进行详细的介绍。这里也没什么特别难的地方。只要足够细心，基本都能理解。 概念 本质 ES6允许按照一定模式，从数组和对象（以及字符串、数值、布尔值、函数参数等）中提取值，按照对应位...
个人博客静态页面前端.zip
05-20
- ES6（ECMAScript 2015）引入的新特性，如箭头函数、模板字符串、let和const变量、解构赋值等，提高了代码的可读性和效率。 4. **前端框架与库** - 压缩包中的“lanxuewei-GeRenBoKeQianDuanJingTaiJieMian-...
个人私藏JavaScript资料
06-18
ECMAScript 6引入了许多新特性，如箭头函数、模板字符串、解构赋值、类和模块等，这些特性极大地提高了JavaScript的编写效率和代码质量。后续版本如ES7、ES8等也不断引入新功能，如Async/Await、Rest/Spread参数、...
personalNote:个人笔记
05-07
5. **ES6新特性**：包括箭头函数、Promise、模板字符串、let和const、解构赋值、类和模块等，这些都是现代JavaScript开发中的核心概念。 6. **JavaScript框架和库**：笔记可能涵盖了React、Vue、Angular等流行的...
个人项目
03-04
随着ES6及后续版本的推出，箭头函数、类、解构赋值、模板字符串等新特性也为JavaScript带来了更现代的语法和更强的功能。 总的来说，“个人项目”可能涵盖了JavaScript的前端开发、后端开发，以及使用各种框架、库...
组件传值(Vue2,Vue3)
swoly2894265391的博客
07-12 315
目录vue2父传子 $props子传父 $emit兄弟传值 $busvue3父传子 $defineprops子传父 $defineEmits兄弟传值 后代传值
VUE3.0中的 ref和recative的区别
m0_52941727的博客
03-16 647
VUE的 ref和recative 的区别
js中的解构赋值使用总结
接着奏乐接着舞的博客
08-04 2418
本文前半部分介绍解构赋值在实际工作中的各种使用方法，后半部分介绍在使用过程中容易产生的疑问和解答。如果你对此很陌生，可先直接浏览本文最后部分，那里详细的介绍了什么是解构赋值，和最基础的用法。
沙雕前端,const { data : res } = await login(this.ruleForm)
Leacode的博客
05-25 2557
const { data: res } = await this.$http.get(‘/kuaidi/804909574412544580‘) 导致的报错问题
qq_38965947的博客
04-07 2472
const{data:res}=awaitthis.$http.get('/kuaidi/804909574412544580')，这句话导致了以下错误 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler (Promise/async): "Error: Network Error" found in ---> <ElButton> at packages/button/src/button.vue...
ES6--解构赋值(destructuring assignment)
吴声子夜歌的博客
10-13 798
解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。 解构模型 解构的源，解构赋值表达式的右边部分。 解构的目标，解构赋值表达式的左边部分。 数组 基本： let [a, b, c] = [10, 20, 30]; console.log(a, b, c);//10 20 30 ...
avue-crud 自定义搜索项 插槽
最新发布
qq_31683775的博客
08-20 284
加上 -search 就可以自定义查询项了。
深入理解ECMAScript 6：全面翻译及实用指南
书中特别强调了ES6的新特性，如箭头函数、模板字符串、let和const关键字、解构赋值、默认参数、剩余参数、扩展运算符、类的语法等，这些都是为了让JavaScript语言更加简洁、高效，并有助于提升开发者的编码体验。...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值