使用方式
Animate
的使用方式是,将你需要做动画的元素改成Animate
组件即可,例如:
<div v-if={self.get('show')}>show</div>
=>
<Animate v-if={self.get('show')}>show</div>
上述Animate
组件会默认渲染成div
元素,你可以通过a:tag
改变这一规则
<Animate a:tag="span" v-if={self.get('show')}>show</Animate>
这样Animate
就渲染成span
元素了。
Animate
组件为内部定义的组件,你无需引入它
Animate
支持的属性都以a:
开头,所有非a:
开头的属性和事件都将传给它代理的元素,例如上例中的span
。