一。安装

使用命令：npm install vuex --save

二。我们在项目的src目录下新建一个目录store，在该目录下新建一个index.js文件，我们用来创建vuex实例，然后在该文件中引入vue和vuex，创建Vuex.Store实例保存到变量store中，最后使用export default导出store

import Vue from 'vue' //引入vue
import Vuex from 'vuex'//引入vuex

Vue.use(Vuex) //使用Vuex

//创建Vuex实例
const store = new Vuex.Store({

})

export default store //导出store

三。在main.js文件中引入该文件，在文件里面添加 import store from ‘./store’;，再在vue实例全局引入store对象

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './plugins/element.js'
import store from './store'

Vue.config.productionTip = false
Vue.prototype.$base64 = require('js-base64').Base64
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')

四。开始使用

State：

vuex中的数据源，我们需要保存的数据就保存在这里，可以在页面通过 this.$store.state来获取我们定义的数据；