搜索
  • 尤雨溪都推荐的全新Vue动画库unovue真的好用吗？
  • 发布于 2个月前
  • 1022 热度
    1 评论
在很长一段时间里，Vue 的生态中缺少一个好用的动画库。前段时间，热门 React 动画库 Motion 宣布进行拆分，其不再局限于 React 项目，而提供了原生 JavaScript API，使得所有 JavaScript 项目都能轻松使用。unovue 基于 Motion 开发了 Motion for Vue 动画库，专门用于 Vue 项目，这个项目也得到了 Vue 作者尤雨溪的推荐。

Github：https://github.com/unovue/motion-vue


有用过这个库的基友吗，好用吗？

用户评论
  • 旧城回眸
  • 快速开始
    1.安装
    npm install motion-v
    2.基本例子
    写一个在Vue中使用motion-v的例子
    <script setup>
import { Motion } from 'motion-v'
</script>

<template>
  <Motion :animate="{ x: 100 }" />
</template>
    3.高级例子
    <script setup>
import { Motion } from 'motion-v'
import { ref } from 'vue'

const isVisible = ref(true)
</script>

<template>
  <Motion
    v-if="isVisible"
    :initial="{ opacity: 0 }"
    :animate="{ opacity: 1, x: 100 }"
    :exit="{ opacity: 0, x: -100 }"
    @click="isVisible = !isVisible"
  />
</template>

  • 2025/2/8 11:37:00 [ 0 ] [ 0 ] 回复
可能感兴趣的话题