• 创建一个hooks文件保存进去就行

import { ref, onMounted, onBeforeMount } from 'vue'
export function useWindowScroll () {
  const x = ref(0)
  const y = ref(0)
  const onScroll = () => {
    x.value = document.documentElement.scrollLeft
    y.value = document.documentElement.scrollTop
  }
  onMounted(() => {
    window.addEventListener('scroll', onScroll, true)
  })
  onBeforeMount(() => {
    window.removeEventListener('scroll', onScroll)
  })

  return {
    x, y
  }
}

使用的时候就可以直接拿到横向或纵向滚动距离的值