主要介绍了vue页面切换过渡transition效果，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下

最近学习了Vue Transition的用法，感觉这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记

演示地址： (请在移动端查看，PC端查看请打开移动端调试模式)

看了挺多Vue的UI框架都不带过渡动画，今天心血来潮，就把自己平时用的动效抽离出来。可直接通过脚手架init模版配合其他UI框架使用，不需要另外进行配置。

模版中使用了Vue提供的封装组件 transition，配合CSS类名在 enter/leave 的六种不同的状态过渡中切换。

// 根据具体的跳转类型更改跳转属性值，执行不同的动画
// 重写路由跳转方法，设置跳转类型后跳转
// 重写路由返回方法，设置跳转类型后跳转到上一页

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。