Don't Panic
in React-Vue

[Vue] Vuex실습

Vuex = vue app에서 상태를 관리할 수 있게 해주는 기술

Vuex 저장소 개념.

-> Store

  • Getter: Vue 인스턴스의 Computeed와 같은 역할. State를 기반으로 계산(computetd)

  • actions: 상태를 변이 시키는 대신 액션으로 변이에 대한 커밋 처리(비동기 methods)

  • mutations : State 상태를 변경하는 유일한 방법.

  • state: 단일 상태 트리를 사용. application 마다 하나의 저장소를 관리(data)

데이터 바꾸는 건 mutations에서만 한다.

App.vue를 import해서 화면 생성하고 그 결과를 #app에 mount 시킴.

화면 실제 만드는 건 main.js에서 만듬. render에서 화면을 만듬.

App.vue를 가져다 화면 만듬.

공유할 데이터를 state 로 저장.

일반적으로 action이 있고