整合VUEX

使用vue开发项目，那么vuex是必不可少的功能了，下面就添加vuex到项目中；

安装

npm install -S vuex

创建createStore

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export function createStore () {
    return new Vuex.Store({
        state: {
            count:108
        },
        mutations: {
            add(state){
                state.count += 1;
            }
        }
    })
}

挂载

import Vue from 'vue'
import App from './App.vue'
import { createRouter } from "./router";
import { createStore } from './store'

Vue.config.productionTip = false

// 导出Vue实例工厂函数，为每次请求创建独立实例
export function createApp() {
  const router = createRouter();
  const store = createStore();
  const app = new Vue({
    router,
    store, // 挂载
    render: h => h(App)
  });
  return { app, store, router };
}

使用

<h2 @click="$store.commit('add')">{{$store.state.count}}</h2>