用户登录

在 Nuxt 项目里可以创建自定义的组合,也就是 Composable,这些东西在项目里不需要导入可以直接使用。

在项目下面新建一个目录,名字是 composables,自定义的组合可以放在这个目录的下面,文件的名字要用 use 作为前缀,新建一个文件,名字是 use-api-fetch.ts ,Nuxt 会扫描这个目录里的使用 use 作为前缀的文件里定义的组合。

组合其实就是普通的函数。在这个文件里可以 export 一个函数,export const useApiFetch,用箭头函数的形式定义它。在组合的内部我们可以使用其它的组合,也可以插件,
暂时先在这个函数里 用console.log 控制台上输出 useApiFetch。

然后找个地方用一下这个组合,比如在这个内容列表页面上,不需要导入,可以直接使用 useApiFetch() 。

打开内容列表页面,在浏览器的控制台上观察一下,这里会显示 useApiFetch ,说明在页面组件里成功使用了我们自己定义的这个组合。

在 Nuxt 项目里自定义组合(Composable)《 Nuxt.js:网络请求 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点