[SOME_MUTATION] (state) {// mutate state}Vuex中使用 ES2015 风格的计算属性命名功能来使用一个常量作为函数名

Posted 2020-11-24 李星儒の博客

使用常量替代 Mutation 事件类型

使用常量替代 mutation 事件类型在各种 Flux 实现中是很常见的模式。这样可以使 linter 之类的工具发挥作用，同时把这些常量放在单独的文件中可以让你的代码合作者对整个 app 包含的 mutation 一目了然：

 

 

 理解：

ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式放在方括号内。

这是es6的写法，转换为es5时这样的

var SOME_MUTATION = \'SOME_MUTATION\'
var mutations = {}
mutations[SOME_MUTATION] = function (state) {
    // mutate state
}
...

相当于给对象mutations添加属性，属性名为SOME_MUTATION，属性值为函数

function (state) {
    // mutate state
}

参考：ECMAScript 6 入门-对象的扩展