vue 中 vuex 的使用

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容