关键词:
1、入场动画
- @before-enter="handleBeforeEnter"
- @enter="handleEnter"
- @after-enter = "handleAfterEnter"
出场动画,名称改变,操作同上
2、velocity.js动画
一、动画钩子1 :@before-enter="handleBeforeEnter"
1、试一下:页面上,从点击“隐藏 到 显示”,即将显示的那一瞬间,后台就会出现输出 “ beforeEnter ” 的字符串
<body>
<div id="root">
<transition
name="fade"
@before-enter="handleBeforeEnter" // 绑定一个事件
>
<div v-show="show">hello world</div>
</transition>
<butt