前言

Vuex 强调使用单一状态树，即在一个项目里只有一个 store，这个 store 集中管理了项目中所有的数据以及对数据的操作行为。但是这样带来的问题是 store 可能会非常臃肿庞大不易维护，所以就需要对状态树进行模块化的拆分。

这篇文章预设你已经了解vue相关的基础知识，因此本文不再赘述。需要学习的朋友可以参考这篇文章:https://mit('change2') } }};</script><style lang="" scoped></style>

这个例子里主要是看怎么在页面中调用模块中的stated等。

首先说state，这个很简单，在页面中这样写就行：

在本页面的mounted中console一下$store,可以看到模块中，stete加了一层嵌套在state中的。

至于action,mutation,getter，和一般的使用方法一样，没有任何区别。

还有就是，在getter和action中，可以通过rootState获得根结构的state，mutation中没有此方法。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对的支持。