Skip to content
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()

Как использовать useMouse, useScroll и другие сенсоры из VueUse? | JScriptiser