宝哥软件园

Vue中的五个经典Vuex插件 JS项目

编辑:宝哥软件园 来源:互联网 时间:2021-09-03

使用Vuex来管理Vue的状态有很多很好的理由。其中之一就是一些很酷的功能可以通过Vuex插件轻松扩展。Vuex社区的开发人员创造了大量免费插件供你使用,有很多你能想象到的功能,也有一些你可能没有想到的功能。

状态持续同步选项卡和窗口语言本地化管理多个加载状态缓存操作

1.状态持续

vuex-persistedstate使用浏览器的本地存储来保存状态。这意味着刷新页面或关闭选项卡不会删除您的数据。

一个很好的例子是购物车:如果用户不小心关闭了一个选项卡,他们可以重新打开它并返回到上一页。

2.同步选项卡和窗口

vuex-shared-variants可以同步不同选项卡之间的状态。它是通过将状态突变到本地存储来实现的。当选项卡和窗口中的内容更新时,会触发存储事件,并再次调用突变,以保持状态同步。

3.语言本地化

Vuex-i18n允许您轻松地以多种语言存储内容。让您的应用程序更容易切换语言。

一个很酷的功能是,你可以用标签存储字符串,比如hello { name },这是your vue . jsapp .’。所有翻译版本将在标记处使用相同的字符串。

4.管理多个加载状态

Vuex加载帮助您管理应用程序中的多种加载状态。该插件适用于状态变化频繁且复杂的实时应用。

5.缓存操作

Vuex-cache可以缓存Vuex的动作。例如,如果您从服务器检索数据,插件将在第一次调用操作时缓存结果,然后在后续调度中直接返回缓存的值。必要时清除缓存也很容易。

更多资讯
游戏推荐
更多+