vuex是什么？

      先引用vuex官网的话：

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化

1. 在我们的单页项目中安装vuex
   

npm install vuex --save

在我们项目的文件目录中的src文件夹下面新建一个文件夹，文件夹名名字随意，一般叫vuex，store之类的，我这里取名vuex，然后在这个新建的文件夹里新建一个index.js的文件

在index.js文件中引入vue和vuex，然后写上我们需要用的vuex模块，我这里写了state，getters和mutations，全部代码如下。

import Vue from 'vue'

import Vuex from 'vuex'

Vue.use(Vuex)

const state = {

    count: 1

}

const getters = {

    getNum(state) {

        return state.count;

    }

}

const mutations = {

    add(state) {

        state.count += 1;

    },

    reduce(state) {

        state.count -= 1;

    }

}

export default new Vuex.Store({

    state,

    getters,

    mutations

我们需要在main.js文件中引入已经上面我们建好的文件

在引入的时候需要注意，store是个关键字，必须要用store这个词！！！我试着用其他的就会报错