首页 文章

Webpack HMR如何与Vuex模块交互?

提问于
浏览
1

我正在使用 Webpack ,它是热模块替换( HMR )功能和 Vuex 在Vue.js应用程序中 . 加载顺序如下:

  • 用户点击消息中的共享链接 - 启动加载UI并点击某些内容的API

  • 内容返回 - 初始化根的Vuex子模块,让我们调用它 subA

  • 一旦初始化 - 将UI转换到另一个页面,并使用getter从 subA 显示一些数据 .

这在正常情况下工作 every time 但是当我进行文件更改时,保存它们(触发HMR),Vuex子模块 subA 似乎被重置 - 它在 state 上的所有属性都被设置为初始值 .

HMR如何与Vuex互动?为什么会这样?

1 回答

  • 0

    我遇到了同样的问题 . 这是一个棘手的主题....看起来你需要专门告诉Vuex哪些模块需要热重新加载 . 我还没有一个好的解决方案,但请查看Vuex文档,以便热重新加载Vuex模块 . 该解决方案使用Webpack的热重载API .

    https://vuex.vuejs.org/guide/hot-reload.html

相关问题