Vue 使用动画

Vue 提供了多种动画方式，以下是其中一种使用动画的方法：

1. 在组件中定义一个 `<transition>` 元素，代码如下：

   <transition name="fade">
     <div v-if="show">Hello World</div>
   </transition>

2. 在 CSS 样式中定义动画效果，代码如下：

   .fade-enter-active, .fade-leave-active {
     transition: opacity .5s;
   }
   .fade-enter, .fade-leave-to {
     opacity: 0;
   }

3. 在组件的 `data` 中定义一个 `show` 属性，并在需要时将其设置为 `true` 或 `false` 即可触发动画效果，代码如下：

   export default {
     data() {
       return {
         show: false
       }
     }
   }

以上代码实现了一个简单的渐隐动画效果，当 `show` 属性为 `true` 时，`<div>` 元素会淡入显示；当 `show` 属性为 `false` 时，`<div>` 元素会淡出隐藏。你可以根据自己的需求，自定义不同的动画效果。