useMotions

useMotions 用于访问从模板声明的 v-motion 指令的 motion 实例。

如果您使用 v-motion 属性值声明一个名称，motion 实例将被添加到全局 useMotions 状态，并可以从任何组件访问。

请注意不要重复使用相同的名称，请注意名称可以包含变量。

公开

{ ...motionControls }

useMotions 公开一个对象，其中的键是从所有您定义了名称值的 v-motion 中定义的。

每个值都是命名元素的 Motion 实例。

示例

<template>
    <div v-motion="'myName'">
</template>

<script setup>
import { useMotions } from '@vueuse/motion'

const { myName } = useMotions()
</script>
目录