扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
怎么在Vue中使用transition过渡动画？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
Vue是一款友好的、多用途且高性能的JavaScript框架，使用vue可以创建可维护性和可测试性更强的代码库，Vue允许可以将一个网页分割成可复用的组件，每个组件都包含属于自己的HTML、CSS、JavaScript，以用来渲染网页中相应的地方，所以越来越多的前端开发者使用vue。
vue的过渡动画，主要是transition标签的使用，配合css动画实现的。
通过点击事件来切换show的值来改变显示的文本，下面的css通过进入离开时的在匀速状态下xxs（秒）下来转换在x轴上位移的距离， transition包括的是位移的内。key是必须有的，用来标记位移的哪一个，这个方法有一点，用v-if时会频繁的建立销毁。name是你定义的名字必须有，和css里面的名字是保持一致的，你可以自定义名字。
使用它时有时候切换的并不是标签，而是一个组件，这时候应该使用transition-group来包括。