vuex06Modules以及命名空间

modules2.js

const state = {

moudle2Value: ‘module2-value’,

}

const mutations = {

changeModule2(state, newValue) {

state.moudle2 = newValue

},

}

const getters = {

getModule2(state) {

return state.moudle2

}

}

const actions = {

useActionChangeModule2({

commit

}, newValue) {

commit(‘changeModule2’, newValue)

},

}

export default { state, mutations, actions, getters }

index.js

import Vue from “vue”

import Vuex from “vuex”

import module1 from “./modules/module1”

import module2 from “./modules/module2”

Vue.use(Vuex)

const store = new Vuex.Store({

modules: {

module1,

module2

},

})

export default store;

使用

获取state

computed: {

…mapState({

module1: state => state.module1.moudle1Value，

module2: state => state.module2.moudle2Value，

}),

},

获取getter

computed: {

getModules1() {

return this.$store.getters.getModules1;

}.

…mapGetters([“getModules1”])

},

commit调用

changeModule1() {

this.$store.commit(“changeModule1”, “new module 1”);

},

…mapMutations([“changeModule1”])

命名空间

为什么要有命名空间

vuex允许不同模块有重名的函数，

比如： this.$store.commit(“changeModule1”, “new module 1”);如果这这里的modules1和modules2模块都

有changeModule1这个函数，那么在commit的时候会导致，两个模块的这个重名函数都会调用。

所以都会命名空间来解决重名函数。

写法如下

const module1 ={

namespaced: true,

…

}

获取getter

…mapGetters(“module1”, [“getModules1”]) // 映射为 this.$store.getters.common.getToken

// // 方式2

getModules1() {

return this.$store.getters.module1.getModules1;

}

commit调用

changeModule1() {

this.$store.commit(“module1/changeModule1”, “new module 1”);

},

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

结尾

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

戳这里获取前端学习资料

imgtp.com/2024/03/13/H4lCoPEF.jpg" />

结尾

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

戳这里获取前端学习资料