【Vuetify3】簡単に無限スクロールを実装する方法（v-intersect）｜SHIFT Group 技術ブログ

はじめにこんにちは、SHIFT の IT ソリューション部に所属している Tanaka です。 今回は Vuetifyのv-intersect を使って、追加ライブラリなしで簡単に無限スクロールを実装する方法を紹介しようと思います。 無限スクロール…ウェブページやアプリケーションの一部で、ユーザーがページの最下部にスクロールすると自動的に新しいコンテンツが読み込まれるという機能のこと。 これにより、ユーザーはページの最下部に到達しても「次のページ」ボタンをクリックすることなく、スムーズにコンテンツを閲覧し続けることができる。 「追加ライブラリなし」とは、Vue.jsにVuetify以外の無限スクロール用ライブラリを追加せずに実装する、という意味。 vue-infinite-loadingやvue-infinite-scrollのような外部ライブラリを使うのも一手ですが、今回は余分な依存関係