vuex中的Modules怎么使用


这篇文章主要介绍了vuex中的Modules怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vuex中的Modules怎么使用文章都会有所收获,下面我们一起来看看吧。Vuex允许我们将store分割成模块(Module), 而每个模块拥有自己的state、getters、mutation、action等,甚至是嵌套子模块——从上至下进行同样方免费云主机域名式的分割。内部state,模块内部的state是局部的,也就是模块私有的,内部getter,mutation,action 仍然注册在全局命名空间内,这样使得多个模块能够对同一 mutation 或 action 作出响应。对于模块内部的 mutation 和 getter,接收的第一个参数是模块的局部状态对象 state。对于模块内部的 action,局部状态通过 context.state 暴露出来,根节点状态则为 context.rootState:对于模块内部的 getter,根节点状态会作为第三个参数暴露出来:当模块被注册后,它的所有 getter、action 及 mutation 都会自动根据模块注册的路径调整命名。当使用 mapState, mapGetters, mapActions 和 mapMutations 这些函数来绑定带命名空间的模块时,写起来可能比较繁琐:createNamespacedHelpers 创建基于某个命名空间辅助函数,它返回一个对象,对象里有新的绑定在给定命名空间值上的组件绑定辅助函数。在 store 创建之后,你可以使用 store.registerModule 方法注册模块之后就可以通过 store.state.myModule 和 store.state.nested.myModule 访问模块的状态。也可以使用 store.unregisterModule(moduleName) 来动态卸载模块。注意,你不能使用此方法卸载静态模块(即创建 store 时声明的模块)。可以通过 store.hasModule(moduleName) 方法检查该模块是否已经被注册到 store。关于“vuex中的Modules怎么使用”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“vuex中的Modules怎么使用”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注百云主机行业资讯频道。

相关推荐: 如何用python动态导入模块实现模块热更新

本文小编为大家详细介绍“如何用python动态导入模块实现模块热更新”,内容详细,步骤清晰,细节处理妥当,希望这篇“如何用python动态导入模块实现模块热更新”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。最近有个部署需求,需要读取…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 04/18 17:23
下一篇 04/18 17:23

相关推荐