생각보다 자주 사용할 일은 많이 없었다. 상태 관리 패턴을 체크하기 위해서 다른 방법을 썻었는데 익숙하지 않아서 이전에 잠깐 손대보고 안쓰게 된 vuex
이번 프로젝트에 다시한번 쓰게 되었는데 익숙해지니 편한거 같기도 하고 아닌거 같기도 하고 알송 달송 하다.
무슨 라이브러리던지 유명하다고 다 내손에 맞는건 아닌거 같다.
설치는 간단하다 콘솔에 대고 npm install vuex --save 옵션을 주어 설치를 하면 된다.
불러올때는 main.js에서 import vuex from 'vuex'로 불러오면 되고
Vue.use(vuex);
임포트 이름과 일치해야 하겠지.
보통은 별도의 store 폴더를 프로젝트 내에 만들어서 쓰게 된다.
const store = new Vuex.store({
state: { count:0 },
mutations: { increment:state => state.count++,
decrement:state => state.count--
})
로 저장소를 만들고 저장소를 사용하면 된다.
new Vue({
computed:{ count(){ return store.state.count }
});
그리고 메소드 영역에서 commit을 활용해서 하면 된다 ns-vue페이지에 설명이 잘되어 있고 좀 더 자세한 내용은 vuex문서를 보면 쉽게 알 수 있다.
뭐든 자주써봐야 좋은지 안좋은지 안다.
단지 너무 많기 때문에 시간이 조금 들어간다는것.
그게 경험이고 노하우가 되겠지.