Juwon

이번 포스팅에서 다뤄볼 Vue.js 어디서든 Store 호출하기입니다. store.js import { createStore } from "vuex" const store = createStore({ state(){ return{ data : 'Vuex' } }, mutations : { setDataFunction(context, text){ context.data = text } }, actions : { setTimeOutFunction(context, text){ setTimeout( text => { this.commit('setDataFunction', text) }, 3000) } }, export default store Actions 함수에서 Mutations 함수를 호출할때 사용하는 구..

Vuex 설치 명령어 //npm npm install vuex@next --save //yarn yarn add vuex@next --save Vuex는 Vue.js의 applications이며 state management pattern( 상태 관리 패턴 ) 역할을 합니다. 모든 컴포넌트에서 접근할 수 있는 중앙 데이터 저장소로 코드의 재사용성을 확장시켜주는 기능이 있습니다. 상위 컴포넌트와 하위 컴포넌트 간에 props, emit 같은 기능의 상위 호환이라고 생각하시면 됩니다. vue 3 버전은 vuex 4 버전은 호환하고 vue 2 버전은 vuex 3 버전을 호환합니다. vuex 예시코드 Main.js import { createApp } from 'vue' import App from './App..