自定义hooks就是:
- 在setup里写的定义函数和状态,封装在外部的js文件里,主文件只负责调用这些函数即可:
- 虽然composition api比之前vue的写法好像更麻烦了,但是用上自定义hooks就可以实现函数编程的复用,更加的简洁高效。
主文件:
js文件:
import { reactive } from "vue";
function getData1(){
const obj = reactive({
myname:"yiyi",
myage:100
})
return{
obj
}
}
function getData2(){
const handleClick=()=>{
console.log("click")
}
return{
handleClick
}
}
export default {getData1,getData2}