VueX的使用

• store.js 定义

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

Vue.use(Vuex)

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

<template>
   
      <div class="list-group">
          {{this.$store.state.count}}
          <a id="add1" @click="add" href="#" class="list-group-item list-group-item-action">+1</a>
    </div>
</template>
<script>
import "bootstrap/dist/css/bootstrap.css"
import {mapState} from 'vuex'
export default {
    name:"add",
    data(){
        return {};
    },
    computed:{
        //...展开运算符    将全局属性引用到本地值
        ...mapState(['count'])
    },
    methods:{
        add(){
            this.$store.state.count++;
        },
        sub(){
             this.$store.state.count--;
        }
    }
}
</script>