vuex的概述

Vuex的核心概念

Vuex中的主要核心概念如下:

​ State:

​ State提供唯一的公共数据源，所有共享的数据都要统一放到Store的State中进行存储

俩种方式访问 1--import 引入 2--this.$store.state

```javascript

//1.从vuex中按需导入mapState函数

import {mapState} from 'vuex'

```

通过刚才导入的mapState函数，将当前组件需要的全局数据，映射为当前组件的coumputed计算属性:

```javascript

//2.将全局数据，映射为当前组件的计算属性

computed:{

    ...mapState(['count'])

}

```

二 

Mutation:

​   Mutation用于变更Store中的数据

​     1.只能通过mutation变更Store数数据，不可以直接操作Store中的数据

​     2.通过这种方式虽然操作起来稍微繁琐一些，但是可以集中监控所有数据的变化。

```javascript

//在store中定义mutations

export default new Vuex.Store({

  state: {

    count:0

  },