vuex命空间

src/store/plant/technologyState.js

@@ -9,8 +9,8 @@ export default {
     }
   },
   actions: {
-    incrementData(context, componentData) {
-      context.commit('increment', componentData);
+    incrementData({commit}, payload) {
+      commit('increment', payload);
     }
   }
 };

src/views/plant/technology/index.vue

@@ -7,7 +7,7 @@
 </template>
 <script>
 import Product from './product';
-import {mapState, mapMutations, mapGetters, mapActions} from 'vuex';
+import {mapState} from 'vuex';
 export default {
   components:{
     Product
@@ -21,7 +21,7 @@ export default {
     ])
   },
   mounted(){
-    console.log(this);
+    console.log(this.count);
   }
 };
 </script>

src/views/plant/technology/product/procedureComponent/index.vue

@@ -77,6 +77,7 @@
   </div>
 </template>
 <script>
+import {mapState, mapActions} from 'vuex';
 export default {
   data(){
     return{
@@ -113,10 +114,19 @@ export default {
       currentRow: null
     }
   },
+  computed: {
+      ...mapState('technologyState',['count']),
+  },
+  watch: {
+      count(currVal) {
+        console.log(currVal);
+      }
+  },
   methods:{
+    ...mapActions('technologyState',['incrementData']),
     handleCurrentChange(val){
       this.currentRow = val;
-      console.log(val);
+      this.incrementData(this.count++);
     }
   }
 }