Vue.js的五个插件：轻松地使用Vuex插件添加到您的下一个项目中

首先，用Vuex插件添加超级酷特性是非常容易的。Vuex社区的开发人员已经为您创建了大量的免费插件供您使用，您可以想象到许多功能，还有一些您可能没有想到。

在本文中，我将向您展示五个特性，您可以轻松地使用Vuex插件添加到您的下一个项目中。

1. 持久化状态。
2. 同步标签/窗口。
3. 语言本土化
4. 管理多个加载状态。
5. 缓存操作。

1.Persisting State

vuexpersistedstate使用浏览器的本地存储空间在会话中持久化您的状态。这意味着刷新页面或关闭选项卡不会擦除数据。

一个很好的用例是购物车：如果用户不小心关闭了一个选项卡，他们可以在页面状态完好无损的情况下重新打开它。

动态添加名称

2.同步Tabs/Windows

vuex共享突变同步不同浏览器选项卡之间的状态。它通过将突变存储到本地存储来做到这一点。存储事件在所有其他选项卡/窗口中触发一个更新，这些选项卡/窗口会重放突变，从而保持状态同步。

动态添加名称

3.语文本地化

vuex-i18n允许您轻松地以多种语言存储内容。然后，在应用程序中切换语言就很简单了。

一个很酷的特性是，您可以用令牌存储字符串。“你好{name}，这是您的Vue.js应用程序。”所有的翻译都可以在字符串中需要相同的标记。

应用程序中的切换语言

4.管理多个装载

vuex装载帮助管理应用程序中的多个加载状态。在状态变化频繁且复杂的实时应用程序中，此插件非常方便。

在APP中切换字母

5.缓存操作

vuex缓存可以缓存你的Vuex动作。例如，如果从服务器检索数据，这个插件将在第一次调用操作时缓存结果，然后在随后的调度中返回缓存的值。必要时清除缓存非常简单。

从服务器获取名称