HMVue8.2 文章列表【课程综合案例-HM头条(移动端)】

 

1 了解获取列表数据的API接口

 

 

 

 

 

 

 

 

 

2 安装axios、封装utils目录下的request模块

安装axios

 

 

不采用上述方式使用axios。封装模块示意图如下

 

 

 

 

 

3 在Home组件中封装initArticleList()

 

 

 

 

 

修改配置文件,重启项目

 

 

 

(34条消息) vue 报错Syntax Error: TypeError: eslint.CLIEngine is not a constructor_南风北街-CSDN博客

 

 

 

 

4 封装articleAPI模块

 

 

 

 

 

 

问题:代码没复用

 

 解决:封装模块

 

 

 

 

 

 

 

 

 

 

 
function (_page, _limit)空格出发eslint报错

 (34条消息) eslint 保存自动修复_vscode 中 prettier 和 ESLint 冲突的一点探讨_星座呦呦秀的博客-CSDN博客

 

 

 

 


 

5 封装ArticleInfo组件

 

 

 

 

 

 

 

 

 

 

6 为ArticleInfo组件封装props属性

 

 

 

 

 

 

 

 

 

 

7 为ArticleInfo组件封装cover属性

 

 

 

 

 

 

posted @ 2021-11-29 20:12  yub4by  阅读(46)  评论(0)    收藏  举报