transform: 'translate(0, -0%)';
transition: transform 1s ease-in-out;

初始化css样式，然后再异步改变transform

setTimeout(() => {
 this.transform = `translate(0, -${this.scale}%)`
}, 500)

但是现在只有第一个组件不会触发效果，请问有人碰到过类似的问题吗？

可以看到第一个数字5是直接跳到了最终状态，未进行过度