vue动画两种方式,第一种原生的vue写,第二种使用animate.css库

**

// appear=> true 初始化进入页面执行动画 原生vue直接使用

// 注意:没有name 样式直接用v-enter-active
// 有name 样式需要用hello-enter-active
// 样式中动画名称固定 默认用v- 有name 用的是hello
// transtion 没有任何实际作用,跟block意思很像;
**

## 方法一  借助动画实现

<transtion appear  name='hello'>
	<h1>hello world</h1>
</transtion>


.v-enter-active{
   
	animation:动画名  .5  linear;
}

.v-leave-active{
   
	animation:动画名  .5  linear  reverse;
}<