vuex 声明与调取数据（全）

目录

• 前景提要
• state 数据的声明
• state 数据的调取
• mutations 的声明
• mutations 的调用
• actions 的声明
• actions 的调用

前景提要

vuex基础入门

---

由五部构成

• 最重要的是前三个，只要你把前三个学好了，你的 vuex就算学成了
• 第4和第5是为前三个做服务的

    1. state：数据状态-------------------------------------  仓库当中的商品
    2. mutations：函数，同步操作。更改state----------------   工人。用来操作商品
    3. actions:函数，异步操作。通过调用mutations来更改数据---  老板，发送命令
    4. getters:计算属性
    5. modules：模块化。

1. state 数据的声明

直接在里面写就行

/------------------index.js-----------------------------/

  state: {
      // 数据状态
    zhangsan:0,
    lisi:0,
  },

2. state 数据的调取

• $store.state.xxx
• 我在仓库当中声明的这些数据，咱们可以在组件当中直接调用
• 它被放在当前实例当中的 $store 里面