{"componentChunkName":"component---src-templates-tags-js","path":"/tags/vuex/","result":{"data":{"site":{"siteMetadata":{"title":"Bottlehs Tech Blog"}},"allMarkdownRemark":{"totalCount":3,"nodes":[{"excerpt":"Vue Js Vuex 저장소(store) 속성 및 모듈화 폴더 모듈화 & Namespacing Vue Js Vuex Modules 중간 크기 이상의 복잡한 앱을 제작할 때 getters & mutations & actions…","fields":{"slug":"/vue/vue-js-vuex-저장소-store-속성-및-모듈화/"},"frontmatter":{"date":"2021년 4월 11일","title":"Vue Js Vuex 저장소(store) 속성 및 모듈화","description":"중간 크기 이상의 복잡한 앱을 제작할 때 getters & mutations & actions 의 이름을 유일하게 정하지 않으면 namespace 충돌이 난다. 따라서, 네임스페이스를 구분하기 위해 types.js 로 각 속성의 이름들을 빼고 store.js 와 각 컴포넌트에 import 하여 사용하는 방법이 있다. 혹은 modules 라는 폴더로 만들어 각 단위별로 파일을 분리해서 관리하는 방법도 있다."}},{"excerpt":"Vue Js Vuex State, Mutations, Actions, Getters 이해 및 활용 Vuex State Vuex State 는 데이터 상태를 관리 합니다. Vuex State 등록  에 count state…","fields":{"slug":"/vue/vue-js-vuex-state-mutations-actions-getters-이해-및-활용/"},"frontmatter":{"date":"2021년 4월 11일","title":"Vue Js Vuex State, Mutations, Actions, Getters 이해 및 활용","description":"Vuex State 는 데이터 상태를 관리 하며, Getters 를 사용하여 동일한 로직을 중앙에서 관리 하도록한다. Mutations 에는 순차적인 로직들만 선언하고 Actions 에는 비 순차적 또는 비동기 처리 로직들을 선언한다. 그리고 mapGetters, mapMutations, mapActions 등 헬퍼 함수가 있다."}},{"excerpt":"Vue Js Vuex 설치 및 등록 Vuex 설치 및 등록 Vue Js Vuex Install Vuex 를 등록할 자바스크립트 파일을 하나 새로 생성합니다. 이름은 store/index.js 로 합니다. Vue Js Vuex Dir main.js…","fields":{"slug":"/vue/vue-js-vuex-설치-및-등록/"},"frontmatter":{"date":"2021년 4월 11일","title":"Vue Js Vuex 설치 및 등록","description":"Vuex는 npm install vuex 로 설치 할수 있다."}}]}},"pageContext":{"tag":"vuex"}},"staticQueryHashes":["213619243","3262363727"]}