(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)})