Javascript 将Vuejs动画组件添加到Vue Cli

我是vuejs动画新手。在我的网页中，我想添加一个Vue动画示例 当前Vue CLI项目的组件。在我安装vue动画之后

我使用了模板代码。如何使用此模板使其正常工作？请帮忙

<template>
  <div v-anime="{ rotate: '1turn', backgroundColor: '#ffffff', duration: 2000, loop: true }"></div>
</template>

export default {
 name: "my-component",
 data() {
 return {};
 },
 mounted() {
  this.$anime(/* ... animate something ... */)
 },
}

---

有关更多信息，请参阅项目的Github页面。自述文件给出了如何开始的想法

下面是另一个主要取自

在模板中放置以下内容：

<div v-anime="{ translateX: 100, duration: 2000, loop: true, direction: 'reverse', autoplay: true }">
O
</div>

---

简而言之，任何要设置动画的内容，您都可以将其提供给模板中的v-anime指令，或者在组件脚本中提供此.$anime函数。

@li-x标题是正确的。OP询问如何集成特定插件，而不是普通动画。@zero298，哦，所以它就像一个入门代码，让人们知道如何使整个动画库工作。您介意吗，请再给我看一个关于vuejs的示例，而不是我在问题上发布的示例？@dlfjj用另一个示例更新了答案。为了使代码正常工作，在div中添加一些内容。