一、情景说明 上一节，我们学会在vc的computed模块中，使用mapState和mapGetters来简化代码 这一节，我们学习在vc的methods模块中，使用mapMutations和mapActions来简化代码 在vc的methods中，我们会使用到store的dispatch和commit。 如果涉及到许多的方法都要用到store 那么，这个时候，就可以用mapMutations

说明 Vuex中提供了四个个比较常用的辅助函数：目的是将vuex中对应的 state(),mutaiions{},actions{},getters{}中的数据，函数映射出去，让我们在组件中可以更加简单的使用这些数据与函数 mapStatemapMutationsmapActionsmapGetters 使用案列 /src/store/index.js状态管理器 import axios

优化计算属性mapState、mapGetters和methods的mapActions、mapMutations 在学习以下内容前，先了解ES6的拓展运算符’…’ ‘…’的功能：可以将所在数组或对象进行拆分，也就是将[]和{}去除 let arr = [1, 2, 3, 4, 5]console.log(...arr)// 执行结果1 2 3 4 5let arr = {x : 1,

main.js import Vue from 'vue'import App from './App.vue'//引入vueximport Vuex from 'vuex'//引入storeimport store from './store/index'Vue.config.productionTip = falsenew Vue({el:"#app",render: h => h