Javascript 为什么在vue.js中，手表只差一个刻度？

我希望一个元素的高度与另一个元素的高度同步。第二个元素的内容随时间而变化

下面是此类代码的一个示例（在a中）：

var vm=new Vue({
el:“根”，
数据：{
成长文本：“”
},
观察：{
growingText:function（）{
document.getElementById（“square”）.style.height=document.getElementById（“text”）.offsetHeight+'px'；
}
}
})
设定间隔(
函数（）{
Vue.nextTick（函数（）{
vm.growingText=vm.growingText+“hello world”；
})
},
500
)

div[id=“root”]{
边框样式：实心；
边框宽度：2倍；
}
div[id=“square”]{
背景颜色：蓝色；
颜色：白色；
}

x
{{growingText}

您应该使用，以便在检索div大小时显示内容：

requestAnimationFrame(() => {
  document.getElementById("square").style.height = document.getElementById("text").offsetHeight + 'px';
})