VueVuex

Vuex 시작하기

라이브러리 등록

# Vue 3 
npm install vuex --save
# Vue 2
npm install vuex@3.6.2 --save

Store 생성

  • Vue 2 에서 Store 생성
const Store = new Vuex.Store({ 
  state: {},
  getters: {},
  mutations: {},
  actions: {},
  modules: {},
})
  • Vue 3 에서 Store 생성
import { createStore } from "vuex";

export default createStore({
  state: {},
  getters: {},
  mutations: {},
  actions: {},
  modules: {},
});

Store 등록

  • Vue 2 에서 Store 등록
import Vue from 'vue'
import App from './App.vue'
import store from "./store/store";

new Vue({
  el: '#app',
  store,
  render: h => h(App)
})
  • Vue 3 에서 Store 등록
import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";

createApp(App).use(store).use(router).mount("#app");
Share