前端体验优化

一、添加骨架屏

1.只加载静态资源，在静态资源加载期间显示骨架屏，在静态资源加载完和接口请求期间配合设置默认值展示

2.在接口请求返回真实数据前一直显示骨架屏  推荐此方案

参考：Vue项目骨架屏注入实践 - 掘金

vue骨架屏实践 - 简书

二、设置默认值

接口未返回数据时避免过长的白屏时间，以及页面模块用v-if判断有数据后才展示造成页面的跳动较大体验不好的问题

方案一:

添加全局过滤器未拿到数据显示***等，默认显示的文案可配

方案二：

添加全局的自定义指令

思路1:和方案一 一至在自定义指令的生命周期对元素的innerhtml进行赋值

思路2：在自定义指令的instered生命周期对元素的innerhtml值进行判断没有值时复制一份传过来dom的元素并填充文案即给复制的dom元素的innerhtml赋值（支持配置），插入到传过来的元素

自身的后面，删除原来的元素，此时页面显示的复制的元素，等接口数据返回后删除所有复制的元素显示真实元素