vuex常量替代mutation事件类型

Infogami
  • 51

//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;
},
回复
阅读 1.1k
2 个回答
✓ 已被采纳
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标准入门》对象的扩展,属性的简洁表示法。

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

你知道吗?

宣传栏