Vuex要点

董俊豪
2022-02-23 / 0 评论 / 0 点赞 / 502 阅读 / 539 字
温馨提示:
本文最后更新于 2022-02-28,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

state
getters mapGetters 状态数据处理,过滤数据后返回
mutations mapMutations commit提交函数触发,可带参数/对象
actions mapActions 处理异步操作dispatch到action然后commit
modules 模块化store对象
computed:{
xx(){
return this.$store.state
},
...mapState(["filterList"]),
...mapState({ comList:"filterList" })
}
modules{
m1:module1,
m2:module2
}
this.$store.state.m1.xxx state需要模块调用,actions mutations
this.$store.getters.xxx
getters全局调用,局部模块需要namespaced:true
dispatch("xx/modify") 局部访问全局在参数设置对象

commit("xx/modify")
getters["xx/filterList"]
state/rootState 局部/全局

划分vuex项目结构

0

评论区