如何深入理解Vuex模块化在项目中的应用与实践？

本文共计1776个文字，预计阅读时间需要8分钟。

前言：上回我们说了下Vuex的简单使用，最后面的时候有说过，由于使用单一的状态树，应用的所有的状态都会集中到一个比较庞大的对象中。当应用变得异常复杂时，store对象就可能变得相当庞大。

前言 上回我们说了一下 vuex 的简单使用，最后面的时候有说了，由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。

为了解决以上问题，Vuex 允许我们将 store 分割成模块（module）。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割，今天我们也来简单了解一下他的使用，深入学习可能还是要去看官方文档

1 文件结构

文件结构的话，模块化的使用要多一个 modules 的文件夹，里面放着细分模块的 js 文件/模块名文件夹。

这里官方的标准是一个模块一个 js 文件，但是要是模块太复杂的话，也可以把里面的代码拆分出来。