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 相关文章推荐
JavaScript 字符串连接性能优化
Dec 20 Javascript
一个简单的jQuery插件制作 学习过程及实例
Apr 25 Javascript
JS注释所产生的bug 即使注释也会执行
Nov 19 Javascript
Vue.js每天必学之过渡与动画
Sep 06 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
Oct 10 Javascript
Angular实现跨域(搜索框的下拉列表)
Feb 16 Javascript
Vue实现侧边菜单栏手风琴效果实例代码
May 31 Javascript
Babel 入门教程学习笔记
Jun 13 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
Dec 06 Javascript
JS脚本实现定时到网站上签到/签退功能
Apr 22 Javascript
jquery实现上传图片功能
Jun 29 jQuery
javascript实现贪吃蛇小游戏
Jul 28 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 配置文件中open_basedir选项作用
2009/07/19 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
2007/02/22 Javascript
执行iframe中的javascript方法
2008/10/07 Javascript
javascript动态加载三
2012/08/22 Javascript
JavaScript中window、doucment、body的解释
2013/08/14 Javascript
关于cookie的初识和运用(js和jq)
2016/04/07 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
2016/09/24 Javascript
jquery实现下拉框多选方法介绍
2017/01/03 Javascript
简单的JS控制button颜色随点击更改的实现方法
2017/04/17 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
2018/03/05 Javascript
JavaScript实现tab栏切换效果
2020/03/16 Javascript
javascript实现简单搜索功能
2020/03/26 Javascript
微信小游戏中three.js离屏画布的示例代码
2020/10/12 Javascript
[43:41]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
Python Mysql自动备份脚本
2008/07/14 Python
python实现在字符串中查找子字符串的方法
2015/07/11 Python
Python实现简单的代理服务器
2015/07/25 Python
Python 模拟员工信息数据库操作的实例
2017/10/23 Python
详解Python数据可视化编程 - 词云生成并保存(jieba+WordCloud)
2019/03/26 Python
PyQt 图解Qt Designer工具的使用方法
2019/08/06 Python
使用虚拟环境打包python为exe 文件的方法
2019/08/29 Python
详解使用CSS3的@media来编写响应式的页面
2017/11/01 HTML / CSS
美国殿堂级滑板、冲浪、滑雪服装品牌:Volcom(钻石)
2017/04/20 全球购物
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
怎样有效的进行自我评价
2013/10/06 职场文书
班长岗位职责
2013/11/10 职场文书
幼儿教师演讲稿
2014/05/06 职场文书
文明礼仪标语
2014/06/13 职场文书
2013年最新自荐信范文
2014/06/23 职场文书
离婚协议书的书写要求
2014/09/17 职场文书
中国文明网向国旗敬礼寄语大全
2014/09/27 职场文书
设备收款委托书范本
2014/10/02 职场文书
建筑质检员岗位职责
2015/04/08 职场文书
暖春观后感
2015/06/08 职场文书
深入理解Pytorch微调torchvision模型
2021/11/11 Python