vuex的学习应用

步骤：https://www.jianshu.com/p/e4a154b669d1

其中一个模块menus的js.png

store入口文件index.js.png

解析：
namespaced----》vuex中的store分模块管理，需要在store的index.js中引入各个模块，为了解决不同模块命名冲突的问题，将不同模块的namespaced:true，之后在不同页面中引入getter、actions、mutations时，需要加上所属的模块名

getters----》getters 和 组件的 computed 类似，方便直接生成一些可以直接用的数据。当组装的数据要在多个页面使用时，就可以使用 getters 来做。

//页面在引用方法时，需要添加上模块的名称 eg:menus
import { mapGetters,mapMutations } from 'vuex'
  computed: {
    ...mapGetters("menus",[
      'getIndex',
    ]),
}
 methods:{
     ...mapMutations("menus",["mutationsIndex"]),
  }