资讯专栏INFORMATION COLUMN

registerModule: 动态注册vuex模块,对于自定义生成组件很有用

Kerr1Gan / 3160人阅读

摘要:动态注册模块在创建之后,你可以使用方法注册模块动态注册模块,对于自定义生成组件很有用实现方案注册前后中对比结尾源码地址

registerModule: 动态注册vuex模块
在 store 创建之后,你可以使用 store.registerModule 方法注册模块:registerModule

动态注册vuex模块,对于自定义生成组件很有用

实现方案

html

{{message}}
注册前后store中modules对比:
{{key}} {{item}}

js

registerModule () {
  this.$store.registerModule("registerModule", {
    state: {},
    mutations: {},
    actions: {},
    getters: {}
  })
}
结尾

源码地址

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94566.html

相关文章

  • Vue.js应用性能优化:第三部分-延迟加载Vuex模块

    摘要:静态模块不能被取消注册也不能延迟注册,并且在初始化后不能更改静态模块的结构不是状态。为此,我们将在路由对应的组件中加载模块,而不是在中导入并注册它。能代码分割模块是一个强大的工具。 在前一部分,我们学习了足够强大的模式,可以显着提高应用程序的性能 - 按每个路由分割代码。虽然按路由分割代码非常有用,但是在用户访问我们的站点后,仍然有很多代码是不需要的。在本系列的这一部分中,我们将重点关...

    charles_paul 评论0 收藏0
  • [vue][plugin][vuex][自总结] - vuex-总结

    摘要:原文出自本人博客的详细总结博主博客兼乎说在前面最近在使用做项目,所以有了总结的念头。在这种情况下,只有当所有触发函数完成后,返回的才会执行。当模块被注册后,它的所有及都会自动根据模块注册的路径调整命名。 原文出自本人博客:vuex的详细总结博主博客--兼乎 说在前面 最近在使用vuex做项目,所以有了总结vuex的念头。于是在本天中午到晚上9点,我一直没有停过,为了能尽快将vuex的重...

    dackel 评论0 收藏0
  • 使用Webpack的代码分离实现Vue懒加载(译文)

    摘要:当一个的项目体积变得十分庞大的时候,使用的代码分离功能将,或的代码进行分离并按需加载,会极大的提高的首屏加载速度。如果我们使用函数在中返回模块作为载荷,就实现了懒加载。 当一个Vue的项目体积变得十分庞大的时候,使用Webpack的代码分离功能将Vue Components,routes或Vuex的代码进行分离并按需加载,会极大的提高App的首屏加载速度。 showImg(https:...

    SmallBoyO 评论0 收藏0
  • Vuex源码解析

    摘要:可能会有理解存在偏差的地方,欢迎提指出,共同学习,共同进步。先来看一下这张的数据流程图,熟悉使用的同学应该已经有所了解。它允许用户在某些情况下避免自动安装。 写在前面 因为对Vue.js很感兴趣,而且平时工作的技术栈也是Vue.js,这几个月花了些时间研究学习了一下Vue.js源码,并做了总结与输出。 文章的原地址:https://github.com/answershuto/lear...

    chinafgj 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<