Vue3 结合typescript 组合式函数(2)

安装axios:npm install axios

1、hooks文件夹下新建useURLLoader

Vue3 结合typescript 组合式函数(2)_第1张图片

在APP.VUE中使用useURLLoader

使用Dog API

Vue3 结合typescript 组合式函数(2)_第2张图片

Vue3 结合typescript 组合式函数(2)_第3张图片

Vue3 结合typescript 组合式函数(2)_第4张图片

2、使用对象中的属性,必须使用toRefs,否则Reactive响应失效

Vue3 结合typescript 组合式函数(2)_第5张图片

Vue3 结合typescript 组合式函数(2)_第6张图片

3、使用泛型

Vue3 结合typescript 组合式函数(2)_第7张图片

Vue3 结合typescript 组合式函数(2)_第8张图片

结果:

Vue3 结合typescript 组合式函数(2)_第9张图片

你可能感兴趣的:(vuejs,typescript,javascript,前端,vue.js)