Vuex 在Vue 组件中获得Vuex 状态state的方法

const Counter={
 template:`<div>{{ count }}</div>`,
 puted:{
 count(){
  return store.state.count//返回store实例的count状态
 }
 }
}

const app=new Vue({
 el:'#app',
 store,//根组件通过store选项将store实例注入所有地子组件
 ponents:{ Counter },
 template:`
 <div class="app">
  <Counter><Counter>
 </div>
 `
})

const Counter={
 template:`<div>{{ counter }}</div>`,
 puted:{
 count(){
  return this.$state.count
 }
 }
}

import { mapState } from 'vuex'
export default{
 puted:mapState({
 //方式一箭头函数
 count:state => state.count,
 //方式二传字符串参数
 countAlias:'count',
 //如果要使用this获取局部状态，就要使用常规函数了！
 countPlusLocalState(state){
 return state.count+this.localCount
 }
 })
}

puted:mapState([
 'count'
])

import { mapState,mapGetter } from 'vuex'
export default{
 methods:{
 increment(){
  this.$store.mit('increment');
 }
 },
 puted:{
 elseputed(){},//这是普通的局部计算属性
 ...mapGetters([
  'count'
 ]),
 ...mapState({
  counts(){
   return this.$store.state.count;
  }
  }
 })
 }
}