前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vuex- Action的 { commit }

Vuex- Action的 { commit }

作者头像
秋白
发布2021-01-20 19:38:34
4690
发布2021-01-20 19:38:34
举报
文章被收录于专栏:java小白
代码语言:javascript
复制
actions: {
    increment (context) {
      context.commit('increment')
    }
  }

ES2015参数解构 (opens new window)的简化代码

代码语言:javascript
复制
actions: {
  increment ({ commit }) {
    commit('increment')
  }
}

解构概念

解构(Destructuring):是将一个数据结构分解为更小的部分过程。ES6中,从数组和对象中提取值,对变量进行赋值。

用处

解构有什么用处呢?可以大大的简化数组或者对象里面的元素的赋值语句。

数组解构,数组本身并没有发生任何的改变,解构是对新的变量(可能是对象同名属性)赋值。

实际用法

相当于把对象的属性根据接受的字面量进行一一映射

代码语言:javascript
复制
// options 上的属性表示附加参数
function setCookie(name, value, options) {
       options = options || {};
       let secure = options.secure,
       path = options.path,
       domain = options.domain,
       expires = options.expires;
       // 设置 cookie 的代码
}
//可以改写为:对options进行解构并赋予默认值
function setCookie(name, value, { secure, path, domain, expires } = {}) {
// ...
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021/01/18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 解构概念
  • 用处
  • 实际用法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档