(1):在項(xiàng)目中安裝vuex,安裝好之后在項(xiàng)目src文件夾下新建stroe文件
(2):在stroe文件中新建4個(gè)文件,分別是:action.js; index.js; mutation.js; state.js
(3):在state.js中定義所需的 state (以常量的方式),并且引入在工具類(utils)中定義的get方法,用get方法來獲取存在cookie中的對(duì)應(yīng)的state, 最后 export default state
(4):在mutations.js中定義mutations (以常量的方式),mutations中定義的方法如: SET_ID: (state, data) => {state.id = data} ,是以vuex的方式,在mutations中修改存在vuex的對(duì)應(yīng)的state的值,每一個(gè)方法的形參都須包括(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中以異步的方式調(diào)用mutationions 中定義改變state的方法
(6):使用action中調(diào)用的方法:例如 調(diào)用Login: this.$store.dispatch('Login', data).then(res => {console.log(res)}).catch(err => {console.log(err)})