学习vuex 笔记

一 . vuex 是一个集中状态管理工具

store 是集中管理数据的仓库

1. state 公共的数据

2. getter 可以看做是类似Vue的计算属性

3. Mutations 可以理解为store中的 methods, 有两个参数,第一个参数state, 第二个参数 payload,相当于react的 reducer

调用Mutations 中的回调函数,一定要用 this.$store.commit(type, payload) payload 是需要改变的数据,放到Mutations 中去处理数据

4. action 中可以包含异步操作, Mutations 中绝对不允许出现异步;actions 中的回调函数的第一个参数是context, 是一个与 store 实例具有相同属性和方法的对象

this.$store.dispatch(type, payload)

5. modules 将 store 分成多个模块,每个模块拥有自己的 state、mutation、action、getter

猜你喜欢

转载自www.cnblogs.com/cxx9759/p/10396151.html
今日推荐