vue 中 vuex 的使用

（1）：在项目中安装vuex，安装好之后在项目src文件夹下新建stroe文件

（2）：在stroe文件中新建4个文件，分别是：action.js; index.js; mutation.js; state.js

（3）：在state.js中定义所需的 state （以常量的方式），并且引入在工具类（utils）中定义的get方法，用get方法来获取存在cookie中的对应的state， 最后 export default state

（4）：在mutations.js中定义mutations （以常量的方式），mutations中定义的方法如： SET_ID: (state, data) => {state.id = data} ，是以vuex的方式，在mutations中修改存在vuex的对应的state的值，每一个方法的形参都须包括（state, data）, 最后 export default mutations

（5）：在actions.js中定义 actions （以常量的方式），actions 中定义的方法如：Login ({commit}, userInfo) {return new Promise((resolve, reject) => {userLogin(userInfo).then(res => {const data = res.data resolve(data) }) }) } ，可以在action中以异步的方式调用mutationions 中定义改变state的方法

（6）：使用action中调用的方法：例如 调用Login： this.$store.dispatch('Login', data).then(res => {console.log(res)}).catch(err => {console.log(err)})