不熟悉的调用方括号内的函数

Question

我是一个新鲜的人，使用Javascript和vue.js。最近，我开始使用Vue来构建我们公司的管理系统，所以我从互联网上阅读了一些代码并学习如何使用它。 这里是我无法理解的代码片段。我怎么能在方括号中定义一个函数？

该代码用于vuex。

//mutation-types.js 
export const ADD_TOTAL_TIME = 'ADD_TOTAL_TIME' 
export const DEC_TOTAL_TIME = 'DEC_TOTAL_TIME' 
export const SAVE_PLAN = 'SAVE_PLAN' 
export const DELETE_PLAN = 'DELETE_PLAN' 

//mutation.js 
import * as types from './mutation-types' 
export default { 
    [types.ADD_TOTAL_TIME] (state, time) { 
    state.totalTime = state.totalTime + time 
    }, 
    [types.DEC_TOTAL_TIME] (state, time) { 
    state.totalTime = state.totalTime - time 
    }, 
    [types.SAVE_PLAN] (state, plan) { 
    const avatar = 'https://sfault-avatar.b0.upaiyun.com/147/223/147223148-573297d0913c5_huge256' 
    state.list.push(
     Object.assign({name: 'Jack', avatar: avatar}, plan) 
    ) 
    }, 
    [types.DELETE_PLAN] (state, idx) { 
    state.list.splice(idx, 1) 
    } 
} 

Define functions name Function Call

Answer 1

这些计算的属性名称，详见Object initializer: Computed property names和Method definitions。