我正在使用 Webpack ,它是热模块替换( HMR )功能和 Vuex 在Vue.js应用程序中 . 加载顺序如下:
-
用户点击消息中的共享链接 - 启动加载UI并点击某些内容的API
-
内容返回 - 初始化根的Vuex子模块,让我们调用它
subA
-
一旦初始化 - 将UI转换到另一个页面,并使用getter从
subA
显示一些数据 .
这在正常情况下工作 every time 但是当我进行文件更改时,保存它们(触发HMR),Vuex子模块 subA
似乎被重置 - 它在 state
上的所有属性都被设置为初始值 .
HMR如何与Vuex互动?为什么会这样?
1 回答
我遇到了同样的问题 . 这是一个棘手的主题....看起来你需要专门告诉Vuex哪些模块需要热重新加载 . 我还没有一个好的解决方案,但请查看Vuex文档,以便热重新加载Vuex模块 . 该解决方案使用Webpack的热重载API .
https://vuex.vuejs.org/guide/hot-reload.html