state 存储状态
getter 计算属性相当于computed
mutation 更改store 中的状态,必须同步执行
action Action 提交的是 mutation,而不是直接变更状态,可以异步
module模块,每个模块拥有自己的state、mutation、action、getter

  1. const store = new Vuex.Store({
  2. state: {
  3. userInfo: {
  4. name:"sure",
  5. age:33
  6. }
  7. },
  8. mutations: {
  9. updateUserInfo (state,data) {
  10. state.userInfo = data
  11. }
  12. }
  13. })
  1. //获取的话
  2. import { mapGetters } from 'vuex' //来导入
  3. //computed 里
  4. ...mapGetters({
  5. "userInfo"
  6. })
  1. //修改的话,
  2. this.store.commit('updateUserInfo',newData)