Question

我是vuejs动画的新手。在我的网页中，我想添加一个样本Vue-Anime 我当前的Vue CLI项目的sample components组件。安装vue-animejs之后。

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

<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 ... */)
 },
}

Answer 1

有关更多信息，请参阅项目的Github页面。自述文件介绍了如何入门。

the nltk documentation

下面是另一个示例（主要来自https://github.com/BenAHammond/vue-anime）

将以下内容放入模板：

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

简而言之，要制作动画的任何内容，都可以将其提供给模板中的v-anime指令，也可以提供给组件脚本中的this。$ anime（）函数。

将Vuejs动漫组件添加到Vue Cli

1 个答案: