我目前遇到了一个问题，试图获得一个平滑的动画。
我使用的是vue + electron，主进程向渲染器进程发送数据的时间大约为16- 33 ms（30- 60 fps）。当我在组件中接收到数据时，我更新data属性，并将其绑定到元素的style属性。这确实有效，但是会有相当多的抖动。我很好奇是否有更好的方法来处理这个问题。是否有类似于requestAnimationFrame（）的方法？谢谢。
简化示例：

<template>
  <div>
    <img :style={'transform': `translate(${x}%, ${y}%)} src=""></img>
  </div>
</template>

<script>
  data: function () {
    return {
      x: 50,
      y: 50
    }
  },
  mounted () {
    // this is coming every ~16-33ms
    this.$electron.ipcRenderer.on('data', (e, data) => {
      this.x = data.x
      this.y = data.y
    })
  }
</script>