vue3setup语法糖如何获取dom元素到页面顶端的距离

在Vue 3中，可以使用`ref`来获取DOM元素，并结合`onMounted`钩子函数来获取元素到页面顶端的距离。具体实现如下：

<template>
  <div ref="myDiv">Hello World!</div>
</template>

<script>
import { ref, onMounted } from 'vue';

export default {
  setup() {
    const myDiv = ref(null);

    onMounted(() => {
      const top = myDiv.value.offsetTop;
      console.log(top);
    });

    return {
      myDiv,
    };
  },
};
</script>

在模板中，使用`ref`来绑定`div`元素。在`setup`函数中，使用`ref`创建一个响应式的`myDiv`对象，并在`onMounted`钩子函数中获取`myDiv.value.offsetTop`即可获取元素到页面顶端的距离。