通过Vuex的action异步获取数据

qq_43649434 2023-01-13 02:44:13

课时名称	课时知识点
通过Vuex的action异步获取数据	通过Vuex的action异步获取数据

...全文

165 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

最近使用在学习使用vuex，想利用vuex集中管理状态。在和后台进行数据交互的时候，必然会涉及接口的调用，此类异步操作，通常写在action里面： import Vue from 'vue'; import Vuex from 'vuex'; Vue.use('Vuex'); const actions = { getComplete ({}) { return new Promise((resolve, reject) => { Vue.http.get('XXXXXX').then((response) => { resolve(response);

异步管理数据就是有发请求，我们这里异步请求用axios，这个也是第三方的库，所以我们要在当前项目yarn add axios或者npm i axios，然后再store.js文件里面导入import axios from 'axios'在来到组件文件里面的template组件这里添加一个事件触发源获取电影然后再export default这里派发一个actionclickHandler: fun...

【代码】vue vuex actions异步。

在vuex里我想统一管理异步的操作，受到redux-thunk的启发，可以让vuex派发action，在action执行异步请求axios，在把异步获取的数据到mutation，但感觉这么做会把接口数据跟state绑定，感觉还是按照具体环境灵活应用较好。假如我组件的mounted有这么个获取接口数据的方法getGene getGene(){ this.$st...

Vuex Action处理异步任务

董秀玲的课程社区_NO_1

1

社区成员

54

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章