Vue.JS项目中5个经典Vuex插件


Posted in Javascript onNovember 28, 2017

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

状态持久化同步标签页、窗口语言本地化管理多个加载状态缓存操作

1. 状态持久化

vuex-persistedstate 使用浏览器的本地存储( local storage )对状态( state )进行持久化。这意味着刷新页面或关闭标签页都不会删除你的数据。

一个很好的例子就是购物车:如果用户不小心关闭了一个标签,他们可以重新打开并回到之前页面的状态。

Vue.JS项目中5个经典Vuex插件

2. 同步标签页、窗口

vuex-shared-mutations 可在不同的标签页之间同步状态。它通过 mutation 将状态储存到本地存储(local storage)来实现。选项卡、窗口中的内容更新时触发储存事件,重新调用 mutation ,从而保持状态同步。

Vue.JS项目中5个经典Vuex插件

3. 语言本地化

vuex-i18n 允许你轻松地用多种语言存储内容。让你的应用切换语言时更容易。

一个很酷的功能是你可以存储带有标记的字符串,比如"Hello {name}, this is your Vue.js app."。所有的翻译版本都会在标记的地方使用相同的字符串。

Vue.JS项目中5个经典Vuex插件

4. 管理多个加载状态

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

Vue.JS项目中5个经典Vuex插件

5. 缓存操作

vuex-cache 可以缓存 Vuex 的 action。例如,如果你从服务器检索数据,这个插件将在第一次调用该 action 时缓存结果,然后在之后的dispatch中,直接返回缓存的值。必要时清除缓存也很简单。

Vue.JS项目中5个经典Vuex插件

Javascript 相关文章推荐
jQuery 创建Dom元素
May 07 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
Nov 12 Javascript
各浏览器对document.getElementById等方法的实现差异解析
Dec 05 Javascript
javascript制作的网页侧边弹出框思路及实现代码
May 21 Javascript
jquery显示loading图片直到网页加载完成的方法
Jun 25 Javascript
JS实现的倒计时效果实例(2则实例)
Dec 23 Javascript
纯JS代码实现隔行变色鼠标移入高亮
Nov 23 Javascript
完美实现js选项卡切换效果(一)
Mar 08 Javascript
每天学点Vue源码之vm.$mount挂载函数
Mar 11 Javascript
vue数据初始化initState的实例详解
Apr 11 Javascript
JS原型与继承操作示例
May 09 Javascript
Angular8路由守卫原理和使用方法
Aug 29 Javascript
Vue实现web分页组件详解
Nov 28 #Javascript
基于vue2实现左滑删除功能
Nov 28 #Javascript
JavaScript生成简单等差数列
Nov 28 #Javascript
微信小程序用户自定义模版用法实例分析
Nov 28 #Javascript
vue2手机APP项目添加开屏广告或者闪屏广告
Nov 28 #Javascript
浅谈vue中慎用style的scoped属性
Nov 28 #Javascript
元素全屏的设置与监听实例
Nov 28 #Javascript
You might like
PHP中使用asort进行中文排序失效的问题处理
2014/08/18 PHP
thinkphp备份数据库的方法分享
2015/01/04 PHP
Laravel框架实现发送短信验证功能代码
2016/06/06 PHP
PHP递归实现快速排序的方法示例
2017/12/18 PHP
Yaf框架封装的MySQL数据库操作示例
2019/03/06 PHP
改进版通过Json对象实现深复制的方法
2012/10/24 Javascript
如何让div span等元素能响应键盘事件操作指南
2012/11/13 Javascript
防止按钮在短时间内被多次点击的方法
2014/03/10 Javascript
js中document.write使用过程中的一点疑问解答
2014/03/20 Javascript
一个css与js结合的下拉菜单支持主流浏览器
2014/10/08 Javascript
JavaScript实现鼠标点击后层展开效果的方法
2015/05/13 Javascript
基于jquery实现轮播特效
2016/04/22 Javascript
关于angularJs指令的Scope(作用域)介绍
2016/10/25 Javascript
vue.js中mint-ui框架的使用方法
2017/05/12 Javascript
详解Vue取消eslint语法限制
2018/08/04 Javascript
vue实现百度下拉列表交互操作示例
2019/03/12 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
2019/03/13 jQuery
用Python制作检测Linux运行信息的工具的教程
2015/04/01 Python
Python中优化NumPy包使用性能的教程
2015/04/23 Python
Pycharm设置界面全黑的方法
2018/05/23 Python
python+splinter自动刷新抢票功能
2018/09/25 Python
利用python实现在微信群刷屏的方法
2019/02/21 Python
python使用pandas处理excel文件转为csv文件的方法示例
2019/07/18 Python
pytorch中图像的数据格式实例
2020/02/11 Python
Win10下配置tensorflow-gpu的详细教程(无VS2015/2017)
2020/07/14 Python
Lululemon加拿大官网:加拿大知名体育服装零售商
2019/04/12 全球购物
迪卡侬比利时官网:Decathlon比利时
2019/12/28 全球购物
网络编辑岗位职责范本
2014/02/10 职场文书
公交公司毕业生求职信
2014/02/15 职场文书
企业新年寄语
2014/04/04 职场文书
2014年人民调解工作总结
2014/12/08 职场文书
行政撤诉申请书
2015/05/18 职场文书
告别网页搜索!教你用python实现一款属于自己的翻译词典软件
2021/06/03 Python
Win11安装受阻怎么办? Windows11安装问题与解决方案汇总
2021/11/21 数码科技
Python中字符串对象语法分享
2022/02/24 Python
Redis实现一个账号只能登录一个设备
2022/04/19 Redis