Nuxt2怎么使用IntersectionObserver

IntersectionObserver 是一个用于监听页面元素进入和离开视窗区域的 API，可用于实现页面滚动监听等效果。要在 Nuxt2 中使用 IntersectionObserver，首先需要在页面中导入该 API：

if (!window.IntersectionObserver) {
  require('intersection-observer')
}

接着，在需要监听的元素中添加 ref 属性：

<div ref="intersection"></div>

最后，在页面 mounted 钩子中获取该元素的 IntersectionObserver 并添加监听回调函数：

mounted () {
  const observer = new IntersectionObserver((entries) => {
    // 监听回调函数
  })

  observer.observe(this.$refs.intersection)
}

这样就可以在 Nuxt2 中使用 IntersectionObserver 实现页面滚动监听等效果了。