useVelocity

useVelocity 接受一个运动值并返回一个新的值,该值会根据提供的运动值的速度进行更新。

使用

import { useVelocity } from 'motion-v'

传递任何数值运动值给 useVelocity。它将返回一个新的运动值,该值会根据原始值的速度进行更新

<script setup lang="ts">
import { motionValue, useMotionValueEvent, useVelocity } from 'motion-v'

const x = motionValue(0)
const xVelocity = useVelocity(x)

useMotionValueEvent(xVelocity, 'change', (latest) => {
  console.log('Velocity', latest)
})
</script>

<template>
  <Motion :style="{ x }" />
</template>

资源

-Motion React-使用速度