使用方式

Animate的使用方式是,将你需要做动画的元素改成Animate组件即可,例如:

  1. <div v-if={self.get('show')}>show</div>
  2. =>
  3. <Animate v-if={self.get('show')}>show</div>

上述Animate组件会默认渲染成div元素,你可以通过a:tag改变这一规则

  1. <Animate a:tag="span" v-if={self.get('show')}>show</Animate>

这样Animate就渲染成span元素了。

Animate组件为内部定义的组件,你无需引入它

Animate支持的属性都以a:开头,所有非a:开头的属性和事件都将传给它代理的元素,例如上例中的span