Vue3 中自定义hook

• 什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装，类似于vue2.x中的mixin。

• 自定义hook的优势：复用代码, 让setup中的逻辑更清楚易懂。

场景需求：现在我需要获取当前鼠标所点击的地方的坐标，并显示在屏幕上

 【代码示例】

<template><h2>横坐标x:{{ point.x }}, 纵坐标y为:{{ point.y }}</h2>
</template><script>import addpoint from '../hooks/addpoint'export default {name: 'Hook',setup() {let point = addpoint()return {point}    }}
</script><style >
</style>