vue3笔记3 组合式API复用

import {onBeforeUnmount, onMounted, reactive} from "vue";
export default function () {
    let point = reactive({
        x: 0,
        y: 0
    })
    function savePoint(event) {
        point.x = event.pageX
        point.y = event.pageY
    }
    onMounted(() => {
        window.addEventListener('click', savePoint)
    })
    onBeforeUnmount(() => {
        window.removeEventListener('click', savePoint)
    })
    return point;
}

import GetMousePoint from "./GetMousePoint"
...
setup() {
	let point = GetMousePoint()
	return {
		point
	}
}