JavaScript已成为庞大、多样化并快速发展的编程语言。每当JS的框架或库发布更新，社区中与之相关的项目也会随之作出改进——Vue.js及其附属项目就是典型例子。

Vuex是简单直观的状态管理服务，但它的更新步伐是跟随Vue.js的，所以有时新版Vue.js的功能会迟一些才能获得Vuex的支持。

例如，原生移动应用已经广泛流行。许多JavaScript项目都有对应的库和框架等组件来开发应用。

和Vue类似，NativeScript-Vue也是一个NativeScript插件，让开发者可以使用Vue来制作移动应用。Vuex还可以与NativeScript-Vue集成，以便与组件的状态机一起使用，但它缺乏良好的调试机制。

Vuex的3.1.1版本已经开始处理这个问题了。除了支持在NativeScript应用中调试Vuex之外，这一版更新还有很多改进，例如纳入jsDelivr CDN npm包，并修复了模块注册的内存泄漏错误等。这个版本没有重大改动，所以升级项目时无需担心。

你可以查看更新日志和官宣资料、贡献者提交内容来了解更多信息。下面我们具体看一下。

支持在NativeScript应用中调试Vuex

Vue-remote-devtools是使用Vue.js开发NativeScript应用的官方Vue开发工具应用。它基于Node.js和Chromium，让开发者可以轻松调试HTML/CSS/JS应用（这里的例子则是Vue）：

此外，vue-devtools是一个用于调试基于Web的Vue应用的浏览器扩展，可以与Vuex及其状态管理库无缝集成，让开发者可以可视化之前的状态并在它们之间来回切换。这对所谓时间旅行调试的流程非常有用（例如，你可以在各个状态间进退自如）。

但对于NativeScript项目来说，这一版本之前是没有这个功能的。现在开发者可以在非浏览器环境下检查Vuex状态。如果你不太了解Vuex状态管理，可以参阅此处链接了解更多信息：
https://vuex.vuejs.org/guide/state.html

为浏览器提供的新的缩小器和ES模块

在ES模块出现之前，开发者通常会将JavaScript代码像下面这样导入HTML页面：

<script src="https://some-cdn.com/vue.js"></script>
<script>
new Vue();
</script>

这种导入JS库的经典方法有一些缺陷：每次导入的顺序必须是正确的；如果顺序不正确，下面的脚本就会找不到依赖项。这种方法还将对象和函数暴露给了全局命名空间，因此任何人都可以访问并更改它们。此外你还可能犯导入文件两次的错误——缺陷还不止这些。

Vue就遇到了这个问题。在2.6版之前，它在构建过程中没有专门在浏览器中加载Vue模块的步骤。所以下面这样的代码是不行的：

<script type=”module” src=”vue.esm.js”></script>

结果从2.6版开始，因为现在所有人都会在浏览器中使用ES模块，Vue在构建流程中加入了这一步。

此外Vuex也面临相同的问题，但到了3.1.1版本才得到解决。现在要将Vuex直接导入浏览器，只需使用：

<script type=”module” src=”vuex.esm.browser.js”></script>
// Or below for the min version
<script type=”module” src=”vuex.esm.browser.min.js”></script>

此外该版本还加入了名为Terser的新的缩小器。这是因为之前的缩小器UglifyJS不再维护了，而且后者只支持ECMAScript 5，Terser支持ES6+。

对于开发者来说这没什么区别。另外，因为Terser是UglifyJS的一个分支，所以它保持了对uglify-es和uglify-js@3的API和CLI兼容性的支持。

支持jsDelivr

jsDelivr比大多数CDN都快得多。现在，你还可以从jsDelivr导入Vuex。

修复注册/注销模块时内存泄漏问题

模块可以把我们的商店分成更小和更可控的部分，因为整个状态包含在Vuex中的一个大对象里。要在商店中添加或删除模块，我们只需要分别调用store.registerModule或store.unregisterModule即可。

但在大型应用中管理浏览器内存可能有点棘手。这有一个已知问题，需要一个应用程序添加数百个模块并在之后立即取消注册，这导致堆内存未被清除。你可以想象下一步会发生什么…内存泄漏。

这一版的修复会简单地在函数resetStoreVM中对oldVm实例做垃圾回收，该函数负责在高峰期活动之后恢复vm。

小结

完整更新列表可参阅此处(https://github.com/vuejs/vuex/releases)，其中还有之前版本的更新介绍。如果你希望了解有关Vuex的更多信息，请参阅其官方入门指南：
https://vuex.vuejs.org/guide/

英文原文：
https://blog.logrocket.com/whats-new-in-vuex-3-1-1-d796b0c791bf

创作场景

Vuex3.1.1 更新：支持 jsDelivr，修复内存泄漏