vuex (2018.09.13 星期四)

237 阅读1分钟

每日总结

vuex

Statu 状态 定义变量的值(相当于data)

Getter 获取状态中的值,或者对状态进行过滤或者计数(相当于computed)

Mutation 对状态进行操作 (相当于methods)
使用方法:store.commit('方法名’)

Action 类似于Mutation
区别在于:
1.Action 提交的是 mutation,而不是直接变更状态
2.Action 可以包含任意异步操作,Mutation里面不能包含异步操作,否则会有问题
使用方法:store.dispatch('方法名')

Module 模块

总结:dispatch=>Action=>Mutation=>Statu

Vuex坑点:
对于已经定义在Statu里面的变量,可以通过statu.xxx = xxx 去修改
对于没有定义在Statu里面的变量,通过status.xxx = xxx 去添加是没有效果的,console.log可以答应出来,但就是页面不显示,原因是需要通过definePropety去添加,可以使用this.$set()方式去添加