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 相关文章推荐
5 cool javascript apps
Mar 24 Javascript
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
May 21 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
Aug 27 Javascript
js实现九宫格图片半透明渐显特效的方法
Feb 16 Javascript
JavaScript中window.open用法实例详解
Apr 15 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
Jul 09 Javascript
有关文件上传 非ajax提交 得到后台数据问题
Oct 12 Javascript
基于vue 动态加载图片src的解决方法
Feb 05 Javascript
Vue下拉框回显并默认选中随机问题
Sep 06 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
Oct 23 Javascript
关于AngularJS中几种Providers的区别总结
May 17 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
Aug 14 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下网站防IP攻击代码,超级实用
2010/10/24 PHP
asp批量修改记录的代码
2008/06/25 Javascript
JavaScript 学习笔记(五)
2009/12/31 Javascript
javascript 窗口加载蒙板 内嵌网页内容
2010/11/19 Javascript
JS 对输入框进行限制(常用的都有)
2013/07/30 Javascript
微信小程序 网络请求(GET请求)详解
2016/11/16 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
2016/12/17 Javascript
JavaScript中offsetWidth的bug及解决方法
2017/05/17 Javascript
JavaScript 完成注册页面表单校验的实例
2017/08/19 Javascript
详解微信小程序与内嵌网页交互实现支付功能
2018/10/22 Javascript
vue中created和mounted的区别浅析
2019/08/13 Javascript
Vue中watch、computed、updated三者的区别及用法
2020/07/27 Javascript
详解node.js创建一个web服务器(Server)的详细步骤
2021/01/15 Javascript
[49:35]KG vs SECRET 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
python使用在线API查询IP对应的地理位置信息实例
2014/06/01 Python
在类Unix系统上开始Python3编程入门
2015/08/20 Python
python多进程和多线程究竟谁更快(详解)
2017/05/29 Python
python OpenCV学习笔记实现二维直方图
2018/02/08 Python
python将txt文件读取为字典的示例
2018/12/22 Python
python多线程http压力测试脚本
2019/06/25 Python
tensorflow estimator 使用hook实现finetune方式
2020/01/21 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
python 批量下载bilibili视频的gui程序
2020/11/20 Python
HTML5拍照和摄像机功能实战详解
2019/01/24 HTML / CSS
英国度假别墅预订:Sykes Cottages
2017/06/12 全球购物
酒后驾驶检讨书
2014/01/27 职场文书
2015年银行信贷员工作总结
2015/05/19 职场文书
婚庆主持词大全
2015/06/30 职场文书
简历上的自我评价,该怎么写呢?
2019/06/13 职场文书
Python趣味实战之手把手教你实现举牌小人生成器
2021/06/07 Python
Spring Boot mybatis-config 和 log4j 输出sql 日志的方式
2021/07/26 Java/Android
【海涛DOTA】D-cup邀请赛NV.cn vs DT.Love
2022/04/01 DOTA
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏
PostgreSQL数据库创建并使用视图以及子查询
2022/04/11 PostgreSQL
mysql5.5中文乱码问题解决的有用方法
2022/05/30 MySQL
Ubuntu18.04下QT开发Android无法连接设备问题解决实现
2022/06/01 Java/Android