Vue.js 2应用程序的可重用组件转换的集合。

特征：

• 仅提供您需要的代码。许多替代解决方案都可以导入整个animate.css库。Vue2-transitions非常简单，可让您仅导入应用程序所需的过渡
• 每个过渡组件都有〜2kb（未压缩的js + css或gzip压缩后的〜400字节），您只能导入真正需要的组件。
• 可配置的。您可以通过props配置动画的进入和离开时长以及本机Vue过渡组件的所有props
• 易于使用。没有额外的课程

安装和下载：

# Yarn
$ yarn add vue2-transitions

# NPM
$ npm install vue2-transitions --save

使用

<template>
   <fade-transition>
      <div class="box" v-show="show">
        <p>Fade transition</p>
      </div>
    </fade-transition>
</template>

<script>
import {FadeTransition} from 'vue2-transitions'

export default {
  components: {
    FadeTransition
  }
}
</script>

可用过渡列表

• FadeTransition
• ZoomCenterTransition
• ZoomXTransition
• ZoomYTransition
• CollapseTransition
• ScaleTransition
• SlideXLeftTransition
• SlideXRightTransition
• SlideYUpTransition
• SlideYDownTransition