Vuex strict 모드

1 개요

Vuex strict 모드

Vuex 엄격 모드

• strict 모드를 활성화하려면, Vuex 저장소를 만들 때 strict: true를 추가하면 된다.

const store = new Vuex.Store({
  // ...
  strict: true
})

• strict 모드에서는 Vuex 상태가 변이 핸들러 외부에서 변이될 때마다 오류가 발생한다.
• 이렇게 하면 디버깅 도구에서 모든 상태 변이를 명시적으로 추적할 수 있다.

2 개발 vs. 배포

• production 배포시에는 strict 모드를 활성화하지 말자. ★
• strict 모드는 부적절한 변이를 감지하기 위해 상태 트리를 자세히 관찰한다.
• production 환경에서는 성능 저하를 막기 위해 끄도록 하자.

• 플러그인과 마찬가지로, 빌드 도구가 그것을 처리하도록 할 수 있다.

const store = new Vuex.Store({
  // ...
  strict: process.env.NODE_ENV !== 'production'
})

3 참고

• https://vuex.vuejs.org/guide/strict.html
• https://vuex.vuejs.org/kr/guide/strict.html