Vue.js是一個流行的JavaScript框架，它提供了多種方式來實現動畫。其中，Vue動畫就是其中的一種。Vue動畫通過給DOM元素添加CSS類來進行動畫效果的展示。

.vue-enter-active {
transition: all 0.5s;
}
.vue-enter {
opacity: 0;
transform: translateX(100%);
}
.vue-leave-active {
transition: all 0.5s;
}
.vue-leave {
opacity: 0;
transform: translateX(-100%);
}

上面所寫的CSS是一個簡單的Vue動畫，其中，.vue-enter-active和.vue-leave-active是動畫的激活類，而.vue-enter和.vue-leave則是動畫的初始狀態。具體實現方法就是在模板中進行綁定，即<transition>標簽。

<template>
<div>
<button @click="showHello = !showHello">Toggle Hello</button>
<transition name="vue">
<p v-if="showHello">Hello World!</p>
</transition>
</div>
</template>
<script>
export default {
data() {
return {
showHello: false
}
}
}
</script>

上述代碼中，<transition>標簽內的元素是需要添加動畫效果的，name="vue"即表示要使用之前寫的CSS動畫。同時，需要通過v-if指令進行判斷是否需要渲染這個元素。

Vue動畫就是這么簡單，只需要在模板中使用<transition>標簽，同時編寫對應的CSS動畫即可實現動畫效果的展示。此外，還可以通過Vue.js官方提供的第三方庫Vue-Transition組件來實現更復雜的動畫效果，具體用法可以參見官方文檔。