import Vue from 'vue'
import Vuex from 'vuex'
import App from './App.vue'
import store from "./store";
import router from './router';
import "@/assets/css/base.css";
import VueRouter from 'vue-router';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(Vuex);
Vue.use(VueRouter);
Vue.use(ElementUI);
Vue.config.productionTip = false; // 阻止生成消息

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

import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);
const store = new Vuex.Store({
    state: {
        count: 0
    },
    mutations: {
        // 修改状态的方法
        increment(state) {
            state.count++;
        }
    },
    actions: {
        incrementAsync(context) {
            setTimeout(() => {
                context.commit("increment");
            }, 1000);
        }
    },
    getters: {
        // 计算属性
        doubleCount(state) {
            return state.count * 2;
        }
    }
});

export default store;