一、 home.vue

  1. <template>
  2. <div class="home">
  3. home
  4. <button @click="add">
  5. {{this.$store.state.count}}</button>
  6. </div>
  7. </template>
  8. <script>
  9. export default {
  10. name: 'Home',
  11. methods:{
  12. add(){
  13. this.$store.commit("addCount")
  14. }
  15. }
  16. }
  17. </script>

二、vuex

  1. export default new Vuex.Store({
  2. state: {
  3. count:1
  4. },
  5. mutations: {
  6. addCount(state){
  7. console.log("state");
  8. state.count++;
  9. }
  10. },
  11. modules: {
  12. }
  13. })