请问大神这样的动画该怎样去实现呢？

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

<button @click="data = [1,2,3,4,5]">click</button>
<transition-group>
   <div class="odiv" :style="{width:`${item*30}px`}" v-for='(item,index) in data' :key='item'></div>
</transition-group>

这样在列表循环中，可能有的元素的样式是根据循环的数据来实现的，这样的列表循环的动画该怎么实现呢