Vuex: 변환 시 평균 대괄호란 무엇입니까?

Vuex: 변환 시 평균 대괄호란 무엇입니까?

왜 돌연변이 값이 사용되는지 궁금하다."[]"Vuex에 있습니다.

코드는 무엇을 좋아합니까?""심술궂은가요?

export const SOME_MUTATION = 'SOME_MUTATION'

그냥 함수의 상수 이름인가요?그렇다면 상수가 왜 로 쓰여 있는지 궁금하다."[]".

또한, 계산 또는 메서드 속성에서 사용될 때, 나는 왜 당신이 다음 코드를 전달하는지 궁금합니다.["SOME_ACTION"]대신"SOME_ACTION".

...mapActions(["SOME_ACTION"]),

시험 코드

export const SOME_MUTATION = 'SOME_MUTATION'

import Vuex from 'vuex'
import { SOME_MUTATION } from './mutation-types'

const store = new Vuex.Store({
  state: { ... },
  mutations: {
    [SOME_MUTATION] (state) {
    }
  }
})

계산된 속성 이름이라고 합니다.그것은 Vuex가 아니다.ECMAScript 2015 같은 거예요따라서 ES2015를 지원하는 엔진은 모두 이 구문을 지원합니다.

ES2015 이전 버전에서는 객체 속성 이름을 계산할 수 없습니다.즉, 동적 속성 이름을 원하는 경우 다음과 같이 쓸 수 있습니다.

const obj = {};
const result = Math.random() < 0.5;

if (result)
  obj.data = result;
else
  obj.error = result;
  
console.log(obj);

ES2015 계산 속성을 사용하여 다음과 같은 작업을 수행할 수 있습니다.

const result = Math.random() < 0.5;
const SOME_PROPERTY = result ? 'data' : 'error';

const obj = {
  [SOME_PROPERTY]: result
}

console.log(obj);

물론 이것은 매우 간단한 예에 불과하며 어떤 이점을 가져다 주는지 실제로 보여주지는 않지만, 제 생각에 이것은 매우 훌륭한 구문론입니다.

사용 사례에 대한 자세한 내용은 온라인에서 확인할 수 있습니다.

언급URL : https://stackoverflow.com/questions/56553341/vuex-what-is-mean-square-bracket-in-mutation