Camila Waz 发布于
2020-09-18 11:08:37

vuex项目结构

Vuex 并不限制你的代码结构。但是,它规定了一些需要遵守的规则:
  1. 应用层级的状态应该集中到单个 store 对象中。
  2. 提交 mutation 是更改状态的唯一方法,并且这个过程是同步的。
  3. 异步逻辑都应该封装到 action 里面。
只要你遵守以上规则,如何组织代码随你便。如果你的 store 文件太大,只需将 action、mutation 和 getter 分割到单独的文件。
对于大型应用,我们会希望把 Vuex 相关代码分割到模块中。下面是项目结构示例:

文章来源:https://vuex.vuejs.org/zh/guide/structure.html
最后生成于 2020-10-03 21:09:22