首先,用Vuex插件添加超级酷特性是非常容易的。Vuex社区的开发人员已经为您创建了大量的免费插件供您使用,您可以想象到许多功能,还有一些您可能没有想到。
在本文中,我将向您展示五个特性,您可以轻松地使用Vuex插件添加到您的下一个项目中。
- 持久化状态。
- 同步标签/窗口。
- 语言本土化
- 管理多个加载状态。
- 缓存操作。
1.Persisting State
vuexpersistedstate使用浏览器的本地存储空间在会话中持久化您的状态。这意味着刷新页面或关闭选项卡不会擦除数据。
一个很好的用例是购物车:如果用户不小心关闭了一个选项卡,他们可以在页面状态完好无损的情况下重新打开它。
动态添加名称
2.同步Tabs/Windows
vuex共享突变同步不同浏览器选项卡之间的状态。它通过将突变存储到本地存储来做到这一点。存储事件在所有其他选项卡/窗口中触发一个更新,这些选项卡/窗口会重放突变,从而保持状态同步。
动态添加名称
3.语文本地化
vuex-i18n允许您轻松地以多种语言存储内容。然后,在应用程序中切换语言就很简单了。
一个很酷的特性是,您可以用令牌存储字符串。“你好{name},这是您的Vue.js应用程序。”所有的翻译都可以在字符串中需要相同的标记。
应用程序中的切换语言
4.管理多个装载
vuex装载帮助管理应用程序中的多个加载状态。在状态变化频繁且复杂的实时应用程序中,此插件非常方便。
在APP中切换字母
5.缓存操作
vuex缓存可以缓存你的Vuex动作。例如,如果从服务器检索数据,这个插件将在第一次调用操作时缓存结果,然后在随后的调度中返回缓存的值。必要时清除缓存非常简单。
从服务器获取名称
为感谢您对我们的认可,特意准备了一些IT入门和进阶的干货
包括:Java、UI设计、H5前端、Python+人工智能、软件测试和新媒体运营六大学科视频资料。以及IT就业大礼包。
线上视频、音频,随时学习观看
关注我们并私信“资料”即可获取。