Vue，列表动画

Question

<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>

这样在列表循环时，长度或者其他样式是可能根据渲染的数据来决定的时候，如果不借助其他库的话这种动画应该要怎么实现呢，求大佬看看呀

Answer 1

解决了，在v-enter阶段把初始化的样式important，因为style的权重更高导致没有动画效果，不知道大佬们有没有其他的解决办法