本公众号日更该测开中台图文教程，文末扫码进群群公告有源码资源包哦~ 视频课(一句一句讲)在知识星球，培训大课程需要私聊v:qingwanjianhua咨询哦~
后端的数据我们基本已经准备差不多了，最后就是前端展示和一些交互优化了~
首先是这个按钮，点击之后，因为答案出来要几秒钟，所以最好有个文案变化，来提示正在搜索，否则用户还以为卡死了。
想变文案简单，把文案变成变量就可以了。
修改HomeView.vue：
之后点击后马上就会变成：
结果出来后又会变成‘大搜一下’
好，开始正文，我们今天内容较多...
首先我们这里有个问题，就是之前前端定义的接口返回值的变量名和后端接口的不一致，这里就给他们统一下即可，毕竟现实开发中，这种事很常见的，所以才需要前后端开发在一起联调...
改为如下：
结果：
所以才需要进行优化展示：
接下来修改较多，大家仔细对照修改：
data(){}中，把所有默认值都置空
这些默认值之后会放在顶上的dom层中静态展示，否则会和我们的具体数据产生冲突。
左侧的展示：
中间的展示：
右侧的展示：
关于右侧脚本超链接功能，还需要我们后续做完资源库的上传下载功能才能继续开发了，别着急，那就是下一节课而已....
再次搜索"脚本"关键字，看看展示结果吧~
今天课程到此结束！
进粉丝群哦！速度，还有十几个空位这个火爆的技术讨论群就满200，就扫码进不去了哦~
知识星球：目前加入人数99+
