내맘대로

vuex의 기본 요소는 다음과 같다. Vuex.Store({ state: { // 1) }, mutations { // 2) }, actions { // 3) }}) 1) state state는 store에서 갖고 있는 데이터들을 의미한다. state 안에 선언된 데이터들은 vue 인스턴스 내부에서 접근할 수 있지만,vue 인스턴스에서 직접적으로 데이터를 수정하지는 못한다. * vue에서 store에 접근하는 예시 코드 export default {mounted() {console.log(this.$store.state);}} 그렇다면 store의 데이터를 set 및 update를 하기 위해서는 어떻게 해야하는가?데이터 set, update를 지원하는게 mutations와 actions다. 2) muta..

vuex는 간단하게 설명하면 데이터 저장소 역할의 라이브러리다. 간단하게라고 이야기한 이유는, 단순히 데이터를 저장하는 역할만 하지 않고 vuex 저장소의 데이터가 변경되면vue 컴포넌트가 바로 반영되는 상호작용도 해주기 때문이다. 아 개념을 설명하기 너무 어렵다 ㅠㅠ 이럴 땐, doc 문서가 최고 https://vuex.vuejs.org/kr/intro.html 개념은 doc에서 자세히 보는거로 하고..vuex를 프로젝트에서 사용하기 위해선 다음과 같은 절차가 필요하다. step 1. 프로젝트 내부에 vuex 모듈을 설치해야 한다. 다음의 명령어를 command 에서 실행하여 vuex 모듈을 다운받자. npm install vuex; step 2. vuex를 vue 애플리케이션에 주입시켜야 한다. 보통..