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属性