Vuex- Action的 { commit }
actions: {
increment (context) {
context.commit('increment')
}
}ES2015参数解构 (opens new window)的简化代码
actions: {
increment ({ commit }) {
commit('increment')
}
}解构概念
解构（Destructuring）：是将一个数据结构分解为更小的部分过程。ES6中，从数组和对象中提取值，对变量进行赋值。
用处
解构有什么用处呢？可以大大的简化数组或者对象里面的元素的赋值语句。
数组解构，数组本身并没有发生任何的改变，解构是对新的变量（可能是对象同名属性）赋值。
实际用法
相当于把对象的属性根据接受的字面量进行一一映射
// 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 删除
评论
登录后参与评论
推荐阅读
目录