vuex中涉及的es6语法的小疑惑

Question

// types.js// 定义 getter、action、和 mutation 的名称为常量，以模块名 `todos` 为前缀export const DONE_COUNT = 'todos/DONE_COUNT'export const FETCH_ALL = 'todos/FETCH_ALL'export const TOGGLE_DONE = 'todos/TOGGLE_DONE'// modules/todos.jsimport * as types from '../types'// 使用添加了前缀的名称定义 getter、action 和 mutationconst todosModule = {  state: { todos: [] },  getters: {    [types.DONE_COUNT] (state) {      // ...    }  },  actions: {    [types.FETCH_ALL] (context, payload) {      // ...    }  },  mutations: {    [types.TOGGLE_DONE] (state, payload) {      // ...    }  }}在上面demo中types是es6模块，模块有三个属性DONE_COUNT、FETCH_ALL、TOGGLE_DONE，那么在声明getter和actions或者mutations时候直接写就好了，为何要带[]号呢，除了[]可以吗？好像这是ES6的计算属性结构，但又说不清楚怎么回事，如果可以最好列举几个清晰的列子说明。