VueJS动画过渡页面

时间:2017-05-21 15:05:18

标签: javascript animation vue.js greensock tweenmax

我目前正在学习VueJS来构建单页面应用程序(SPA)。 我成功创建了一个包含3个测试页面的Vue路由器(Home,Projects,About)。

但是现在,我想要做的是使用JS librairie Greensock在页面过渡期间为组件设置动画。

这是我想要做的一个概念:http://1700laposte.com/jean-pierre-morin/

我想在点击导航项时按组件进行不同的动画,但我真的不知道在哪里可以编写正确的代码。

VueJS文档说有不同的过渡类(v-enter,v-leave ...),我们可以应用一些不同的方法来制作动画。

我试过但我失败了:/

我需要一些解释。

谢谢

0 个答案:

没有答案