首页 > 其他 > 详细

demo_11 封装数据请求

时间:2020-07-28 10:28:16      阅读:60      评论:0      收藏:0      [点我收藏+]

思路:为数据请求搭建一个api框架

1. 原函数请求:

技术分享图片

2. 封装get_label

2.1 创建api->index.js

技术分享图片

 2.2 在main.js中引入

技术分享图片

 2.3 页面重新渲染

技术分享图片

 3. 继续封装

3.1 问题:

技术分享图片

 3.2 创建list.js,剪切const函数内容

技术分享图片

 3.3 在index.js中引入,此时页面渲染正常,index.js 代码少了很多

技术分享图片

 3.4 封装promist请求

3.4.1 common下创建http.js

技术分享图片

 3.4.2 list.js中调用

技术分享图片

 3.4.3 问题:index.js中存在多次引入导出的问题

技术分享图片

 3.4.4 index.vue中 打开console

技术分享图片

 3.4.5 index.js中代码:

技术分享图片

 3.4.6 index.vue放开注释,页面正常渲染

技术分享图片

以后只需要维护list.js中的内容了。

demo_11 封装数据请求

原文:https://www.cnblogs.com/luwei0915/p/13388810.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!