Vue-newsの実装-Vuex、Vuexのモジュール化とアプリケーションステータスのインストール

💻 Vuexインストール

💻 Vuexモジュール化と状態応用

import Vue from 'vue';
import App from './App.vue';
import { router } from './routes/index.js';
// Vuex 라이브러리 로딩
import Vuex from 'vuex';

Vue.config.productionTip = false

new Vuex.Store({
  state,
  getters,
  setters,
  mutations,
  actions 
})

new Vue({
  render: h => h(App),
  router,
}).$mount('#app')

import Vue from 'vue';
import Vuex from 'vuex';
import actions from './actions.js';
import mutations from './mutations.js';

Vue.use(Vuex);

// const : 인스턴스 담기
// export : 내보내기
export const store = new Vuex.Store({
    state: {
        news: [],
    }
  })
  

import Vue from 'vue';
import App from './App.vue';
import { router } from './routes/index.js';
import { store } from './store/index.js';

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
  router,
  store
}).$mount('#app')