mapState 用法

store代码：

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    }
  }
})
export default store

template代码

<template>
  <div>
     <div>{{count}}</div>
     <div>{{countalias}}</div>
 </div>
</template>
<script>
import { mapState } from 'vuex'
export default {
  name: 'HelloWorld',
  created () {
    // 页面加载 执行一次
    this.$store.commit('increment')
    console.log(this.$store.state.count)
  },
  computed: {
    // 这种写法 只是方便调用 个人理解： 不必写$router.state.count...... 等很长一段代码  而是直接 this.count 就可以了
    ...mapState({
      count: state => state.count,
      countalias: 'count'
    })
  },
  data () {
    return {
    }
  }
}
</script>