前言
Vuex 强调使用单一状态树,即在一个项目里只有一个 store,这个 store 集中管理了项目中所有的数据以及对数据的操作行为。但是这样带来的问题是 store 可能会非常臃肿庞大不易维护,所以就需要对状态树进行模块化的拆分。
这篇文章预设你已经了解vue相关的基础知识,因此本文不再赘述。需要学习的朋友可以参考这篇文章:https://mit('change2') } }};</script><style lang="" scoped></style>
这个例子里主要是看怎么在页面中调用模块中的stated等。
首先说state,这个很简单,在页面中这样写就行:
this.$store.steta.tab2(模块名).name在本页面的mounted中console一下$store,可以看到模块中,stete加了一层嵌套在state中的。
至于action,mutation,getter,和一般的使用方法一样,没有任何区别。
还有就是,在getter和action中,可以通过rootState获得根结构的state,mutation中没有此方法。
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对的支持。