一名前端小白的学习笔记(1/N)--Vuex

1. vuex
   1. 采用集中式的方式处理函数，方便后期维护
   2. 组件之间传值更加高效，从而提高了开发效率
   3. 注意事项
      1. vue -- 双向数据绑定
      2. vuex -- 单项数据流
2. state就是唯一定义共享数据的位置
   1. 访问定义的共享数据
   2. this.$store.state.xxx
   3. mapState辅助函数
      1. mapState 是vuex本身给提供的一个属性
      2. 将store中定义的共享数据，转成当前组件的计算属性
3. mutation是更改 Vuex 的 store 中的状态的唯一方法
   1. mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)【我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数】
   2. 要唤醒一个 mutation handler，你需要以相应的 type 调用 store.commit 方法

   3. 提交载荷（Payload）

      1. 在大多数情况下，载荷应该是一个对象，这样可以包含多个字段并且记录的 mutation 会更易读

      2. mutations: {
           increment (state, n) {
             state.count += n
           }
         }

         mutations: {
           increment (state, payload) {
             state.count += payload.amount
           }
         }

      3. 对象风格的提交方式

         store.commit({
           type: 'increment',
           amount: 10
         })

      4. 提交 mutation 的另一种方式是直接使用包含 type 属性的对象

   4.