【华为云技术分享】前端快速建⽴Mock App

DevUI是一支兼具设计视角和工程视角的团队，服务于华为云DevCloud平台和华为内部数个中后台系统，服务于设计师和前端工程师。

官方网站：devui.design

Ng组件库：ng-devui(欢迎Star)

引言

作为前端开发者，有些时候我们在后端服务还未ready的时候就接到了紧急开发需求，⾯对数据接⼝的缺失和数据持久化的⽀持，开发举步维艰。当然，加班也许也是⼀种解决问题的⽅法，但如果我们能够⾃⼰动动手指头去解决这两个问题，那么前端开发者们不仅增进了对业务的了解还掌握了对数据接⼝定义的主动权，后期的联调时间成本也可以⼤⼤缩⼩。

本文适合前端开发者阅读，阅读时长10分钟。

开始

⾸先，我选⽤Vue全家桶来做这个Mock App的讲解，因为代码少、效率高。前端做数据持久化需要一个存数据的地方，有的读者可能对localstorage和sessionstorage比较熟悉，但它们的缺点如下：

1. 缺少对结构化数据存储的优化，存取都需要调用JSON.stringify和JSON.parse。
2. 缺少对数据系统化的管理
3. 缺少对数据查询的支持

由此可得localstorage和sessio