actions

[Vue] vuex의 mutations과 actions

🔎 Mutations과 Actions의 차이 ✅ Mutations은 동기적 로직을 정의 ✅ Actions는 비동기적 로직을 정의 Mutations에서 다수의 상태 변경이 비동기적으로 수행되었을 경우 예측 불가능한 상태가 되는 것을 막기 위한 의도가 있는 것 같다. action에서는 mutations으로 commit을 행함으로써 간접적으로 상태를 변경하지만 actions을 호출하기 위한 dispatch method는 Promise를 반환하기 때문에 처리의 순서를 제어하는 것이 가능하다. 🔎 동기적 처리의 사용 📎actions 을 활용한 예시코드 new Vuex.Store({ state: { count: 0 }, mutations: { plus(state, num) { stage.count += num; }..