我们可以通过以下特性来自定义过渡类名:
- enter-class
- enter-active-class
- leave-class
- leave-active-class
他们的优先级高于普通的类名,这对于 Vue 的过渡系统和其他第三方 CSS 动画库,如 Animate.css
结合使用十分有用。
示例: HTML代码:
Toggle render
hello
JS代码:
new Vue({
el: '#example-3',
data: {
show: true
}
})
效果: