vue_one/src/hooks/useDog.ts

21 lines
519 B
TypeScript

import {reactive} from "vue"
import axios from "axios"
export default function (){
let dogList = reactive([
'https://images.dog.ceo/breeds/pembroke/n02113023_1774.jpg'
])
async function addDog(){
try {
let result = await axios.get('https://dog.ceo/api/breeds/image/random')
console.log(result.data.message)
dogList.push(result.data.message)
} catch (error) {
console.log(error)
}
}
return {dogList,addDog}
}