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 相关文章推荐
提高 DHTML 页面性能
Dec 25 Javascript
jquery ui dialog里调用datepicker的问题
Aug 06 Javascript
js 鼠标拖动对象 可让任何div实现拖动效果
Nov 09 Javascript
jQuery的DOM操作之删除节点示例
Jan 03 Javascript
AngularJS控制器继承自另一控制器
May 09 Javascript
js判断是否为空和typeof的用法(详解)
Oct 07 Javascript
vue双向数据绑定原理探究(附demo)
Jan 17 Javascript
关于使用js算总价的问题
Jun 23 Javascript
详解Angular2学习笔记之Html属性绑定
Jan 03 Javascript
vsCode安装使用教程和插件安装方法
Aug 24 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
Sep 19 Javascript
解决vue中的无限循环问题
Jul 27 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 数组处理函数extract详解及实例代码
2016/11/23 PHP
PHP工厂模式简单实现方法示例
2018/05/23 PHP
跨浏览器的设置innerHTML方法
2006/09/18 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
JSON中双引号的轮回使用过程中一定要小心
2014/03/05 Javascript
js中window.open打开一个新的页面
2014/08/10 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
充分发挥Node.js程序性能的一些方法介绍
2015/06/23 Javascript
一个简单不报错的summernote 图片上传案例
2016/07/11 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
2016/10/25 Javascript
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
2016/10/29 Javascript
简单实现jQuery多选框功能
2017/01/09 Javascript
原生js实现倒计时功能(多种格式调用)
2017/01/12 Javascript
jQuery实现点击下拉框中的值累加到文本框中的方法示例
2017/10/28 jQuery
vue-cli和v-charts实现可视化图表过程解析
2019/10/08 Javascript
vue实现从外部修改组件内部的变量的值
2020/07/30 Javascript
在vue项目中promise解决回调地狱和并发请求的问题
2020/11/09 Javascript
python查找目录下指定扩展名的文件实例
2015/04/01 Python
python 调用win32pai 操作cmd的方法
2017/05/28 Python
Django配置celery(非djcelery)执行异步任务和定时任务
2018/07/16 Python
对numpy中的where方法嵌套使用详解
2018/10/31 Python
python无限生成不重复(字母,数字,字符)组合的方法
2018/12/04 Python
PyQt5实现登录页面
2020/05/30 Python
python 常见的排序算法实现汇总
2020/08/21 Python
python中编写函数并调用的知识点总结
2021/01/13 Python
css3实现小箭头各种图形效果
2020/07/08 HTML / CSS
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
GoPro摄像机美国官网:美国运动相机厂商
2018/07/03 全球购物
学校门卫岗位职责
2014/03/16 职场文书
充分就业社区汇报材料
2014/05/07 职场文书
师范生求职自荐信
2014/06/14 职场文书
2014年市场部工作总结
2014/11/25 职场文书
先进党支部申报材料
2014/12/24 职场文书
幼儿园中班个人总结
2015/02/28 职场文书
大学学生会辞职信
2015/05/13 职场文书
Python关于OS文件目录处理的实例分享
2021/05/23 Python