Vuex异步请求存取步骤



--------------------------
vuex
1.首先在state中创建变量
export default {
// 首页轮播图
homecasual: []
}
2.然后在action中调用封装好的axios请求,异步接收数据,commit提交给mutation
引入
import {
getHomeCasual,
} from '../api'
------------------
引入mutationtype规范---
import {
HOME_CASUAL,
} from './mutation-types'
介绍一下这里---
在mutation-types中创建
export const HOME_CASUAL = 'home_casual'; // 首页轮播图
-----------------------------
export default {
// 1. 获取首页的轮播图
async reqHomeCasual({commit}, callback) {
const result = await getHomeCasual();
commit(HOME_CASUAL, {homecasual: result.message.data})
callback && callback();
},
}
---------------
3.在mutations中改变state中的状态
引入规范
import {
HOME_CASUAL,
} from './mutation-types'
将从actons中获取到的值赋值给state
export default {
[HOME_CASUAL](state, {homecasual}){
state.homecasual = homecasual;
},
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM