vuex常量替代mutation事件类型

Question

//mutation-types.js文件

export const menus = 'menus' //菜单

//mutation.js文件

import {menus} from './mutation-types.js'
export default {
    [menus](state, res) {
        state.menus = res;
    },
}

请问这个下面这个是个函数么，这是什么语法，还是引用什么什么插件？

[menus](state, res) {
    state.menus = res;
},

Answer 1

export default {
    [menus](state, res) {
        state.menus = res;
    },
}

相当于是导出的一个对象这样：

var obj = {
 ['menu'](){
    console.log('menu');
 }
}

也就是

var obj = {
 menu(){
    console.log('menu');
 }
}

再写的通俗易懂点就是：

var obj = {
 menu: function(){
    console.log('menu');
 }
}
obj.menu(); // 'menu'

这是什么语法？
是ES6中对象中可以去掉关键字function。有空可以读学学阮一峰老师的《ES6标准入门》对象的扩展，属性的简洁表示法。

Answer 2

这是个函数，和你在munitions里面定义menus函数是一样的，这样定义只是为了好维护所有的munitions，手打见谅