useMotionVariants

useMotionVariants 用于处理 Variants 状态和选择。

参数

variants

一个 Variants 定义。

暴露

state

当前的 variant 数据值，作为一个计算属性。

variant

一个字符串引用，当更改时更新状态。

示例

const variants: MotionVariants = {
  initial: {
    opacity: 0,
    y: 100,
  },
  enter: {
    opacity: 1,
    y: 0,
  },
}

const { variant, state } = useMotionVariants(variants)

variant.value = 'initial'

nextTick(() => (variant.value = 'enter'))
目录