https://github.com/jiangshanmeta/vue-router-transition

vue单页面应用转场动画
https://github.com/jiangshanmeta/vue-router-transition

Last synced: 6 months ago
JSON representation

vue单页面应用转场动画

• Host: GitHub
• URL: https://github.com/jiangshanmeta/vue-router-transition
• Owner: jiangshanmeta
• License: mit
• Created: 2018-05-03T01:05:57.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-05-13T03:35:10.000Z (over 7 years ago)
• Last Synced: 2025-02-08T23:12:32.613Z (8 months ago)
• Language: JavaScript
• Size: 66.4 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# vue-router-transition

vue单页面应用转场动画

这个项目主要做了两件事：

1. 记录路由历史，由此判断是前进还是后退

2. 对transition组件包装得到了vue-router-transition组件，根据前进还是后退决定使用的动画

使用示例如下：

```javascript

Vue.use(vueRouterTransition,router)

```

```html

```

vue中transition组件提供了一个name参数，vue-router-transition是对其包装，需要两个参数：forwardName(前进动画名称)和backwardName(后退动画名称)。其余的和transition组件使用一致。

转场动画可以采用[这个项目提供的动画效果](https://github.com/WebCodeFarmer/vue-transition.css)