博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vuex 和 axios
阅读量:5364 次
发布时间:2019-06-15

本文共 946 字,大约阅读时间需要 3 分钟。

1. 改

  想要变state的值,只能通过mutations,但是mutaions是同步执行,无法进行异步操作,比如ajax获取到数据再幅值,mutations无法实现,

  只能通过actions进行异步操作取值,然后commit(提交)mutations,mutaions自动执行,改写state的值。

const store = new Vuex.Store({    state: {        tasklist: []    },    getters: {        getTaskList: state => state.tasklist    },    mutations: {        addTaskList (state, res) {            state.tasklist = res        }    },    actions: {        getTaskList (context) {            var that = this            axios.get(APIURL + '/task', {                params: {                    'Auth-key': 'welcome'                }            }).then(function(response) {                context.commit('addTaskList', response.data)            })        }    }})

2. 查

  组建中无法直接用this.$store.state 查值。

  需要在store内,添加getters对象,让其向外暴露一个方法,组件中可以通过this.$store.getter获取该方法,获取state的值。

 

3. 前端组件怎么改store中的state?

  this.$store.dispatch('actions对象的内置方法')

转载于:https://www.cnblogs.com/hanweb/articles/6872144.html

你可能感兴趣的文章
JavaScript中的BOM和DOM
查看>>
360浏览器兼容模式 不能$.post (不是a 连接 onclick的问题!!)
查看>>
spring注入Properties
查看>>
jmeter(五)创建web测试计划
查看>>
1305: [CQOI2009]dance跳舞 - BZOJ
查看>>
将html代码中的大写标签转换成小写标签
查看>>
jmeter多线程组间的参数传递
查看>>
零散笔记
查看>>
信息浏览器从Android的浏览器中传递cookie数据到App中信息浏览器
查看>>
hash储存机制
查看>>
HI3531uboot开机画面 分类: arm-linux-Ubunt...
查看>>
搭建ssm过程中遇到的问题集
查看>>
OpenLayers绘制图形
查看>>
tp5集合h5 wap和公众号支付
查看>>
Flutter学习笔记(一)
查看>>
iOS10 国行iPhone联网权限问题处理
查看>>
洛谷 P1991 无线通讯网
查看>>
mysql asyn 示例
查看>>
数据库第1,2,3范式学习
查看>>
《Linux内核设计与实现》第四章学习笔记
查看>>