谈谈 Vuex 模块化的缺点

发布时间 2023-08-03 11:09:02作者: 伊卡洛斯之翼Chris

Vue项目经常需要用到Vuex,Vuex 利用响应式,在不同的组件之间传递数据已经相当方便了,但是在使用模块化的过程中还是有点复杂,主要集中在两点:

  • 访问 state,action,mutation,getter 时候,必须使用模块名作为前缀
  • 基本没有代码提示

假设,store 的目录结构是这样的:
store目录结构

想要 dispatch 一个 action 需要这样做

// 派发action
this.$store.dispatch('moduleB/user/changeName', 'xxx');

当项目复杂的时候,模块很多,在没有代码提示的情况下,增加脑力成本