Vuejs如何给元素添加自定义属性

有这样一个场景：v-for渲染一个列表有10个子项，并且把第5个子项后的元素都添加一个属性data-wow-delay='0.8s'，实现如下：

...
<ul>
    <li v-for='(item,index) in [1,2,3,4,5,6,7,8,9,10]' 
        :data-wow-delay="index>5?'0.8s':''">{{item}}</li>
</ul>
...

可以得出一个给元素添加自定义属性的方法

<el v-bind:自定义属性名="Boolean?'value1':'value2'"></el>

当然，如果只是添加一个常见属性(css属性)，例如class,style等，下面这种方法也可以。

<el v-bind:class="{'aniamted':showAnimated}"></el>