## 前言

很多天前，我就在 Vue 全站缓存 里系列提到过`在研究全站缓存情况下跨多级页面的数据共用和更新的情况`，后来又思考过数据通信的几种场景，其实这段时间以来，数据层封装这件事已经有了实际的进度，并在自家的项目中有所运用，然而一直还不够完美，用我们团队里常说的一个词来说，不够`健壮`。

自用是勉强能用，想要通用健壮起来，还需要再想想再想想，先开个 GitHub 占个坑，无实际代码。 链接：HaoObject.js

## 前言

在H5开发过程中，涉及到用户输入的表单时，有一个非常常见的场景：`输入数字`，在此基础上往往还会涉及到`限定数字范围`等一系列逻辑处理。

这些限定倒还好说，我受不了的是设备键盘，目前常见的处理方式是用`type="tel"`直接唤起手机号码的键盘，如果想要输入`负号`，就只能忍受默认键盘了。

## 前言

最近在研究全站缓存状态下的数据复用的逻辑，以 `vuex` 为主要关键字，在百度谷歌搜了很多资料， 然而大多数都是复制粘贴来的科普文，看得久了有点茫然。

## Vuex 被滥用了

>系列篇1：Vue 全站缓存之 keep-alive ： 动态移除缓存

>系列篇2：Vue 全站缓存二：如何设计全站缓存

>系列篇3：Vue 全站缓存之 vue-router-then ：前后页数据传递

>连续预告了好几天，总算写到这篇了。

## 前言

在前文 Vue 全站缓存之 keep-alive ： 动态移除缓存 和 Vue 全站缓存二：如何设计全站缓存 中，我们实现了全站缓存的基础框架，在页面之间后退或同层页面之间跳转时可以复用缓存，减少了请求频率，提升了用户体验，最赞的是，开发逻辑理论上会简单直观很多。

>在前文Vue 全站缓存之 keep-alive ： 动态移除缓存中，我们实现了`在路由离开时动态移除缓存`这一功能，以此为基础，vue 全站使用缓存成为可能。

>本文长篇大论啰里啰嗦巴拉巴拉，请跳着读、反复读、随机读、躺着读……

## 前言

>阅读本文之前，默认大家对 vue 和 keep-alive 都很熟悉，所以不再啰嗦相关资料，直接进入正文。

>有耐心的话，且听我细细道来，如果你遇到过类似问题，或正在寻找解决方案，那么你可以直接翻到文末看结论。

## 前言