系统学习vuex

五大核心

1.state： 统一定义公共数据（类似于data）

   (1) 如何使用全局state

        1.直接使用: $store.state.属性名   (this.$store.state.属性名)

        2.map辅助函数:

在组件中按需导入mapState

import {mapState} from "vuex"

在计算属性中添加你要使用的state属性

computed: { 
  ...mapState(['xxx']), 
  ...mapState({'新名字': 'xxx'})
}

   (2)如何使用模块中的state

        1.直接使用: $store.state.模块名.属性名    (this.$store.state.模块名.属性名)

        2.map辅助函数:

在组件中按需导入mapState

import {mapState} from "vuex"

computed: { 
  ...mapState('模块名', ['xxx']), 
  ...mapState('模块名', {'新名字': 'xxx'})
}

2.mutations ： 使用它来修改数据(类似于methods)

    (1)如何使用全局mutations

         1.直接使用: $store.co