vue2.0 transition -- demo 实践填坑

今天是日更的第49天，对待文章的态度真是一天不如一天，为了日更开始滥竽充数。
这篇文章的原貌是直接从这里www.cnblogs.com 全部Copy了一下，而且连文章都没去看，实在罪过。
但在发布更新文章后，去看了下这篇文章，又关联起来这几天正在看的Vue2.0开发企业级移动音乐APP教程，这个过渡效果的使用真的是十分的广泛且易用，于是良心发现，回来文章删掉重写。

Vue的动画效果真是哇咔咔的棒，demo实践前先去官网对过渡效果进行一个微小的复习。
官网快捷地址：https://cn.vuejs.org/v2/guide/transitions.html
由于内容较多，可回头再看，下面进入一个小小的demo实现。

实现效果：

demo.gif

题外话：【关于上图的gif制作，我之前一直想做，但是没找到一个好的制作gif的软件，今天又上网查了一下，Mac版新版扣扣有这个功能，使用起来真是大大的方面，将屏幕录屏转换为gif动态图，使用教程快捷地址：戳这里】

然后直接vue init webpack 了一个新项目，在新项目的HelloWorld.vue文件中修改代码如下：

如有疑问请添加我的微信号：18231133236。欢迎交流！
更多内容，请访问的我的个人博客：https://www.liugezhou.online.
您也可以关注我的个人公众号：【Dangerous Wakaka】

wechatDangerous.jpg