本文主要是介绍vue3-hooks,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
命名规则:use--->谁相关.js/ts
举例:
import {reactive} from 'vue'
import axios from 'axios'export default function(){let dogList = reactive({'https://images.dog.ceo/breeds/pembroke/n02113023_4373.jpg'
})//方法
async function getDog(){try{let result = await axios.get("https://dog.ceo/api/bread/pembroke/images")dogList.push(result.data.message)}catch(error){alert(error)
}//向外部暴露内容return {dogList,getDog}
}}
页面中如何使用:
import useDog from '@/hooks/useDog'
const { dogList,getDog() } = ustDog()
这篇关于vue3-hooks的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!