初识vue动画效果

vue.js为我们提供了丰富的动画效果。以下介绍动画的基本使用

需求：点击按钮，实现图片的显示与隐藏，不使用动画的效果是这样的：

不使用动画.gif

具体代码

效果并不好，过于突兀。

既然是神仙姐姐，出入场的效果肯定要有仙气，不能突兀地蹦进蹦出

接下来，看下使用动画的效果是怎样的

具体代码

动画效果.gif 代码解析

关于vue.js的动画效果，在其文档中有很详细的说明，利用官方提供的api, 可以实现极为丰富酷炫的效果。惟一限制你的，是你的想象力！

更多vue.js的有趣实例，请点击移步至目录