Vue 获取两个元素距离：计算属性方法

<template>
  <div>
    <div ref='elementA'>元素A</div>
    <div ref='elementB'>元素B</div>
    <p>元素A和元素B之间的距离是{{distance}}px</p>
  </div>
</template>
<script>
export default {
  computed: {
    distance() {
      const elementA = this.$refs.elementA;
      const elementB = this.$refs.elementB;
      return elementB.offsetLeft - elementA.offsetLeft;
    }
  }
}
</script>
<p>使用Vue的计算属性，可以轻松获取两个元素之间的距离。在模板中使用<code>{{distance}}</code>即可展示结果。</p>