vuex
-
store.watch in Vuex :: 마이구미Vue.js 2017. 7. 13. 00:15
이 글은 Vuex 저장소의 상태(state)에 대해 watch 사용법을 다뤄본다.vuex를 이용할 때 watch 구현 방법을 알아본 후, watch가 작동이 안되는 경우도 원인을 파악할 수 있는 방법을 알아본다. 기본적으로 watch는 상태의 동적 변화를 감지하기 위해 사용한다.일반적으로 Vue.js는 watch 또는 computed를 활용한다. Vuex 저장소의 상태 변화를 감지해야할 필요가 있을 수 있다.크게 2가지로 방법으로 볼 수 있다. 1. store.watch 활용 const store = new Vuex.Store({ state: { n: 10 }, getters: { getN() {return state.n} } }) new Vue({ el: '#app', store, mounted () ..
-
strict mode in Vuex :: 마이구미Vue.js 2017. 6. 6. 23:15
이번 글은 상태 관리 패턴 모듈 Vuex의 엄격 모드에 대해 다뤄본다.충분한 정보를 가지고 있다면, 엄격 모드로 인한 에러 발생 시 당황하지 않고 해결할 수 있다. "Error: [vuex] Do not mutate vuex store state outside mutation handlers." 혹시 위와 같은 에러가 발생했다면, 엄격 모드로 인해 에러가 발생한 것이다.외부 변이 핸들러에서는 vuex 저장소 상태를 변이할 수 없다는 메시지가 된다.대부분 콜백 함수에서 변이하려고 했을 경우 발생한다. Vuex의 엄격 모드에 대해 처음부터 살펴보자.Vuex를 사용해봤다면, strict 모드를 설정했을 것이다. export default { modules: { channel, lock, player, }, s..