test-in-demo/src/hooks/useName.js

## Project setup ``` yarn install ```

import { ref } from "vue";
export default function () {
  let x = ref("0");
  let y = ref("0");
  // 如果这个文件是ts， e的类型应该是 MouseEvent
  let pageHander = function (e) {
    console.log(e);
    x.value = e.pageX;
    y.value = e.pageY;
  };
  // 需要使用生命周期函数，页面加载完成
  onMounted(() => {
    window.addEventListener("click", pageHander);
  });

  // 在页面即将卸载时，移除事件的监听
  onBeforeUnmount(() => {
    window.removeEventListener("click", pageHander);
  });
  return { x, y };
}