inflearn logo
강의

Course
Instructor

Vue.js Intermediate Course - Learn Vue.js, ES6, Vuex by Building a Web App

vuex에 state에 질문합니다.

455

lshk9550391

4 asked

1

vue devtools에 vuex state 상태가 재대로 갱신이 안되는 문제가 있는데요,

간단한 테스트 삼아..

<template>
  <div>
    <p @click="codeSplit()">텍스트 클릭?</p>
  </div>
</template>
<script>
export default {
  methods: {
    codeSplit() {
      this.$store.commit("test", 1265);
  }
};
</script>

import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

export const store = new Vuex.Store({
  state: {
    test: null,
  },
  mutations: {
    test(state, payload) {
      state.test = payload;
    },
  },
  actions: {},
  modules: {},
});

이렇게 구성했을 때 위 이미지처럼 제대로 test라고 추가 가 안됩니다.

commit해서 넘어온 값은 잘 넘어가는데 제가 어느부분에서 놓친건지 잘 모르겠습니다.

vuejs javascript vuex es6

Answer 4

1

lshk9550391

아.. 이런.. 해결되었습니다. 감사합니다.ㅠㅠ

1

captain

네 승환님, 혹시 스토어가 뷰 인스턴스에 잘 연결되었는지 확인해보시겠어요?

1

lshk9550391

추가로 질문합니다.

뷰 개발자 도구의 문제일수도 없는게.... 강의로 통한 실습 프로젝트는 제대로 작동되는데 새로 프로젝트 만든 것은 제대로 반영이 안됩니다.

1

captain

안녕하세요 승환님, 좋은 질문이네요. 첨부해주신 코드는 모두 정상으로 보입니다. 뷰 개발자 도구의 문제일수도 있으니 사용하고 계시는 크롬 브라우저의 버전이 최신인지 확인해보시고 뷰 개발자 도구도 버전 업데이트가 필요한지 한번 살펴보시면 좋을 것 같아요! :) 강의 수강해주셔서 감사합니다..!

Chrome 개발자 모드 확장이 안됨

0

250

1

깃 권한 요청드립니다

0

116

1

vue.js 중급 리포지토리 권한 관련

0

118

1

vuex + axios 질문 있습니다!

1

198

2

깃 권한 요청드립니다!

0

160

1

강의 깃주소 문의

0

142

1

router-view에 props를 어떻게 넘길 수 있나요?

1

277

2

Vue가 인식되지 않는 현상

0

205

1

기초강좌는 어디있나요?

1

190

2

App.vue가 필요한 이유

0

192

1

getter가 정의되어 있지 않아 오류가 발생합니다.

1

253

1

뷰 라이프사이클

1

187

1

TSLint 말고 TSLint Vue 설치해도 되나요?

1

367

3

로컬 스토리지는 어디에 있나요?

1

279

1

vuex 실행시 새로고침해야지만 리스트에 나타나는 현상

1

387

2

export default 관련한 질문

0

354

2

깃허브 vue-todo 접근불가에 따른 확인요청

1

354

2

깃허브에 문제있는것 같습니다.

1

273

2

인프런 강의 재생 화면 구성 변경 문의드립니다

1

302

2

addTodo Helper 함수 적용

1

242

1

vuex 헬퍼 전역 설정

1

243

2

github 권한요청드립니다.

1

254

2

이벤트 위치에 대한 궁금증 입니다.

1

219

2

구조 차이에 대한 문의

1

341

2