Vue动画

源码
总结：

源码

显示隐藏过渡 ``` <!DOCTYPE html>

Hello Vue Transition


- 效果图
> ![Animation31.gif](http://upload-images.jianshu.io/upload_images/9064013-060ef0b32d8d9adf.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
2. 显示隐藏动画

<!DOCTYPE html>

Hello Vue Transition


- 效果图
> ![Animation32.gif](http://upload-images.jianshu.io/upload_images/9064013-fab57180e6c5314b.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
3. 引用 [Animate.css](https://daneden.github.io/animate.css/) 动画库实现更加复杂的动画

<!DOCTYPE html>

Hello Vue Transition


- 效果图
> ![Animation33.gif](http://upload-images.jianshu.io/upload_images/9064013-03d4bfc558a67b1e.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
4. 引用 [velocity.js](http://velocityjs.org/) 动画库实现更加复杂的动画
> 官网示例：<br />
![image.png](http://upload-images.jianshu.io/upload_images/9064013-b96156bbc6cea0db.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

<!DOCTYPE html>

Hello Vue Transition

```

效果图

源码

总结：