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%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(资料价值较高,非无偿)
![](https://i-blog.csdnimg.cn/blog_migrate/00207c90c3e9e5946bcd02372bdefba7.jpeg)
结尾
正式学习前端大概 3 年多了,很早就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。
以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。
imgtp.com/2024/03/13/H4lCoPEF.jpg" />
结尾
正式学习前端大概 3 年多了,很早就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。
以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。