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

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
  },
  actions: {
  },
  modules: {
  }
})

通过全局数据名称访问

this.$store.state.全局数据名称

由于在模板字符串中，是不需要写this的，所以直接写this后边的。

<h3>当前最新的count值为：{{$store.state.count}}</h3>

mapState 映射为计算属性访问

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

<h3>当前最新的count值为：{{ count }}</h3>

//1.导入辅助函数 mapState
import { mapState } from 'vuex'

export default {
  data() {
    return {}
  },
  computed: {
    //2.将映射为计算属性
    ...mapState(['count']),
  },
}