vue中element-ui的内置过渡动画

element-ui说明

Element 内应用在部分组件的过渡动画，你也可以直接使用，其实简单来说就是复制粘贴，具体参考element-ui官网

淡入淡出动画（fade）

提供 el-fade-in-linear 和 el-fade-in 两种效果。

<template>
  <div>
    <el-button @click="show = !show">Click Me</el-button>

    <div style="display: flex; margin-top: 20px; height: 100px;">
      <transition name="el-fade-in-linear">
        <div v-show="show" class="transition-box">.el-fade-in-linear</div>
      </transition>
      <transition name="el-fade-in">
        <div v-show="show" class="transition-box">.el-fade-in</div>
      </transition>
    </div>
  </div>
</template>

<script>
    export <