안녕하세요.  현업에서 vue를 사용하고 있습니다. 부족한것을 채우려 처음부터 정주행 하고 있습니다. 덕분에 몰랐던것과 여러 팁 얻어가고 있습니다. 감사합니다.   질문이 있습니다. 예를들어 지금까지는 아래와같이 const userStore = { namespaced: true, state: { username: '', }, getters: { GET_USER_NAME: state => state.username, }, mutations: { SET_USER_NAME: (state, payload) => { state.username = payload.username; }, }, actions: { SET_USER_NAME({ commit }, payload) { commit('SET_USER_NAME', payload); }, }, }; export default userStore;     this.$store.commit을 사용해 mutations를 직접 건드리는것이 아니라 this.$store.dispatch를 사용하여 actions를 건드려서 mutations 커밋으로 state의 상태 를 변경해왔습니다.   - 직접 mutations을 건드리는것의 이점이 있는가?  - 대부분 actions를 사용해 mutations 커밋하는것을 권장하던데 이유가 있는가? 에 대해 알고 싶습니다.   단지 비동기 비즈니스 로직을 actions에서 수행할 수 있기에 권장하는것인가 하는 생각도 듭니다. 그렇다면 - 비동기 로직이 없는  string 저장등을 위한 로직은 actions를 거치는것보다 mutations를 바로 건드리는게 더 효율적일까요?   답변 잘부탁드립니다    

비동기 처리 로직을 선언하는 메서드. 비동기 로직을 담당하는 mutations 라고 되어있는데 mutations는 동기로직을 담당하는 곳이 아닌가요?

안녕하세요. 다음과 같은 API 응답 형태에 대해서는 어떻게 처리할 수 있을 지궁금합니다. { "code": "0000", "message": "Success", "info": //실제 데이터가 담김. }   위와 같은 API 응답 메시지가 있다고 했을 때, vue에서 code 값이 "0000"은 성공이므로 데이터를 뿌려주고, 1000은 alert('잘못된 파라미터입니다'), 2000은 alert('인증에 실패했습니다.') 처럼 동작해야 한다면 어떻게 해야 할까요? 컴포넌트에서 vuex의 actions에 요청하고, this.$store.news.code의 값에 따라서 alert을 띄워주면 될까요?

안녕하세요. 좋은 강의를 잘 보고 있습니다. 오늘 mutations 이 부분을 따라하다가 문제가 생겼습니다. 일단 현재 작업한 내용 캡처한 부분을 올려봅니다. store.js 에서 store에다가 mutations 를 선언하였고,  TodoInput.vue에서 불러올때 데이터를 잘 보내주고 console.log에도 잘 찍힙니다. 이것은 App.vue 캡처부분입니다. 이 부분은 TodoInput.vue 캡처화면이고 addOneItems로 todoItem 데이터를 보내주고 있습니다. 생성이 되고 리스트에 생성한 글들이 잘 나오고 있습니다. 문제는 mutations 이 F12에 있는 Vue쪽에 나타나지 않고 있습니다. Base State만 생기는 것과  state => todoItems 배열 부분만 나온다는 점입니다. 뭐 때문에 나오지 않는지 찾지 못해서 글을 올려 봅니다 ㅠㅠ