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

使用常量替代 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 入门-对象的扩展

posted @ 2019-12-03 18:35  寒江孤影,江湖路人  阅读(1658)  评论(0编辑  收藏  举报