mutation-type.js文件

原回答链接：https://www.zhihu.com/question/58164683/answer/285394955

使用mutation-types.js的话是为了方便管理,方便管理的demo如下:

// mutation-types.js
export const INCREASE = 'INCREASE'

// mutations.js
import { INCREASE } from './mutation-types'
export default {
    [INCREASE] (state,data) {
        state.music.num++;
    }
}

• es6语法

对象字面量：let obj = {}
省略语法：
	1 如果定义的属性名称与属性值变量同名，我们可以省略属性名称以及冒号
	2 可以对属性名称书写表达式，通过[]动态的设置属性名称
		之前可以通过[]来获取属性，现在我们可以通过[]来设置属性名
	3 在对象中定义方法可以省略冒号以及function


let color = 'red';
let obj = {
    // color: color
    // 1 如果定义的属性名称与属性值变量同名，我们可以省略属性名称以及冒号
    color,
    // 2 可以对属性名称书写表达式，通过[]动态的设置属性名称
    [color]: 200,
    // []提供了js环境，可以书写复杂的表达式
    [color.toUpperCase() + '_hello']: 200,
    // 定义方法
    // getColor: function() {
    //     return this.color;
    // }
    // 3 ES6在对象中定义方法可以省略冒号以及function
    getColor() {
    	return this.color;
    }
}