vuex简单化理解

标签：comm   集中化   actions   maps   数据   commit   目的   第一步   项目   

首先你要明白 vuex 的目的 就是为了 集中化的管理项目中 组件所有的 数据状态 (state)

0. 第一步你要明白 , store 的重要性 , store 类似一个中央基站,所有的信号和数据处理都必须 由 store 来处理 , store 其实本质也是一个对象 ， 里面有 这 四个 必传的 属性 state actions mutations

1. state 是一个 对象 ，高于任何组件层面的对象，所以任何组件可以通过 mapState 获取到 你想要的 state 里面的数据 ，其中 mapState 其实就数据分发 , 通过ES6 改造 this.$store.state. 来取值

2. action 这个其实 就是 信号源 ， 你要修改 state ，就要发送 (dispatch) action ，通知store 提交(commit) mutations ，

3. actions 写完 ，就紧接着写 mutations， mutation 负责 修改数据 ，接收action 发送过来的数据 ， 修改state

4. state 修改完毕后 ，vuex的响应式数据系统 会重新刷新 组件

5. 你在组件里面需要做的就是 发送信号 ，通过store ， 怎么发送信号呢，就是发出 action, 你可以 this.$store.dispatch(‘actionType‘,传递的参数) 或者 mapActions 来 直接取到 action ， 然后函数触发

vuex简单化理解

标签：comm   集中化   actions   maps   数据   commit   目的   第一步   项目   

原文地址：https://www.cnblogs.com/lishixiang-007/p/11273577.html