5个Vuex插件,让你下一个VueJS项目开发速度提升3倍

开发 前端
使用Vuex管理Vue.js应用程序的状态有很多充分的理由。首先,使用Vuex插件添加超酷功能非常容易。Vuex社区的开发人员已经创建了大量免费插件供您使用,其中包含您可以想象的许多功能,以及一些您可能无法想象的功能。

[[251815]]

 

使用Vuex管理Vue.js应用程序的状态有很多充分的理由。首先,使用Vuex插件添加超酷功能非常容易。Vuex社区的开发人员已经创建了大量免费插件供您使用,其中包含您可以想象的许多功能,以及一些您可能无法想象的功能。

下面展示使用Vuex插件轻松解决下一个项目的五个功能。

  • 会话保持
  • 同步标签
  • 语言本地化
  • 管理多个加载状态
  • 缓存操作

会话保持

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

一个很好的用例就是购物车:如果用户意外关闭了一个标签,他们可以在页面状态完好无损的情况下重新打开它。

5个Vuex插件,让你下一个VueJS项目开发速度提升3倍

 

同步标签

vuex-shared-mutation在不同浏览器选项卡之间同步状态。它通过将突变存储到本地存储来实现此目的。存储事件会触发所有其他选项卡/窗口中的更新,从而重放突变,从而保持状态同步。

5个Vuex插件,让你下一个VueJS项目开发速度提升3倍

 

语言本地化

vuex-i18n允许您轻松地以多种语言存储内容。在您的应用程序中切换语言是微不足道的。

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

5个Vuex插件,让你下一个VueJS项目开发速度提升3倍

 

管理多个加载状态

vuex-loading有助于管理应用程序中的多个加载状态。此插件适用于状态变化频繁且复杂的实时应用程序。

5个Vuex插件,让你下一个VueJS项目开发速度提升3倍

 

缓存操作

vuex-cache可以缓存您的Vuex操作。例如,如果您从服务器检索数据,则此插件将在您***次调用操作时缓存结果,然后在后续调度时返回缓存值。在必要时清除缓存是微不足道的。

5个Vuex插件,让你下一个VueJS项目开发速度提升3倍

 

如果你有其他喜欢的Vuex插件,欢迎给在下面小编留言哦! 
责任编辑:庞桂玉 来源: 今日头条
相关推荐

2014-11-12 10:26:25

Bootstrap

2017-12-18 08:55:03

2011-07-12 10:06:19

Rails

2015-11-05 15:54:03

马化腾项目合作

2012-10-18 10:01:20

亚马逊

2015-10-29 09:35:12

BAT趋势数据

2020-11-15 23:23:21

JavaScriptAPI开发

2010-04-29 09:20:27

WEB开发

2012-03-29 09:22:56

云计算私有云开发

2015-11-02 10:32:43

bat腾讯百度

2009-05-12 10:51:22

职场经济危机裁员

2012-07-04 17:11:28

微软操作系统

2020-12-21 13:33:00

medit编辑器Linux

2019-01-15 10:02:06

Kubernetes开源工具微服务

2014-06-17 10:57:09

2019-03-19 19:19:19

Facebook微信转型

2016-03-01 13:48:36

MVVMios快速开发

2023-12-07 09:44:29

2011-03-17 15:01:11

Oracle

2013-01-17 10:09:50

JavaSpring
点赞
收藏

51CTO技术栈公众号