25 / 27
Как использовать useMouse, useScroll и другие сенсоры из VueUse?
VueUse даёт набор сенсорных composables, которые превращают браузерные события в реактивные значения. Подключил -- и координаты мыши, позиция скролла, размеры окна доступны как обычные ref.
JavaScript
import { useMouse, useScroll, useWindowSize } from '@vueuse/core'
const { x, y } = useMouse()
const { x: scrollX, y: scrollY } = useScroll(window)
const { width, height } = useWindowSize()