每日一博 | Vue 3 的组合 API 如何请求数据?
前言 之前在学习 React Hooks 的过程中,看到一篇外网文章,通过 Hooks 来请求数据,并将这段逻辑抽象成一个新的 Hooks 给其他组件复用,我也在我的博客里翻译了一下:《在 React Hooks 中如何请求数据?》,感兴趣可以看看。虽然是去年的文章,在阅读之后一下子就掌握了 Hooks 的使用方式,而且数据请求是在业务代码中很常用的逻辑。 Vue 3 已经发布一段时间了,其组合 API 多少有点 React Hooks 的影子在里面,今天我也打算通过这种方式来学习下组合 API。 项目初始化 为了快速启动一个 Vue 3 项目,我们直接使用当下最热门的工具 Vite 来初始化项目。整个过程一气呵成,行云流水。 npminitvite-appvue3-app #打开生成的项目文件夹cdvue3-app#安装依赖npminstall#启动项目npmrundev 我们打开 App.vue 将生成的代码先删掉。 组合 API 的入口 接下来我们将通过 Hacker News API 来获取一些热门文章,Hacker News API返回的数据结构如下: {"hits":[{"...



