循环渲染数量控制 可视区域监听

onMounted(() => {

  observer = new IntersectionObserver(

    (entries) => {

      visible.value = entries[0].isIntersecting;

    },

    {

      root: null,

      threshold: 0.1, // 进入10%就加载

    }

  );

  if (container.value) {

    observer.observe(container.value);

  }

});

onBeforeUnmount(() => {

  if (observer && container.value) {

    observer.unobserve(container.value);

  }

});