# useMouse

这是useMouseStateuseMouseEvents的一个组合hook,返回一个数组,数组第一项为useMouseState的返回结果,第二项为useMouseEvents返回结果。

由于在setup阶段,组件实例还没有挂载,无法直接获取到DOM节点的引用

# 使用

参数接收DOM节点的ID,如果为空则默认选择document节点。

返回结果参考useMouseStateuseMouseEvents

import { useMouse } from 'beautiful-vue-hooks'

export default {
  setup() {
    const [{ clientX }, { onMouseMove }] = useMouse('#element-id')
    ...
  }
}

# 示例

参考useMouseStateuseMouseEvents

最后更新: 8/21/2020, 3:01:44 AM