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"]),
  }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • {"keys":[{"key2":"余华","key":"活着","url":"https://www.jians...
    书籍数据记录阅读 618评论 0 0
  • 最近自己写的简书文章太多了,导致很难找到之前写的文章。 于是,我想整理一篇目录,使用搜索快捷键:ctrl+F,即可...
    张云钱阅读 1,674评论 0 1
  • CC老师_HelloCoder 忆痕无殇ChiLeung邓亚洲lb_Tobesky 优秀学员博客 原地址:http...
    寂寞水蛙阅读 1,799评论 0 2
  • 最近自己写的简书文章太多了,导致很难找到之前写的文章。 于是,我想整理一篇目录,使用搜索快捷键:ctrl+F,即可...
    张云钱阅读 1,172评论 0 1
  • 每天像废柴死尸一样拿着手机漫无目的地刷 这样真的好吗? 有什么存在的价值和意义? 想法很多 做到的有几成?现在已经...
    喵矮鱼阅读 202评论 0 0