Uploaded May 2021 | Updated September 2026, 18 minutes ago
If you've ever caught yourself on social media for way too long, chances are the site you were on was using an infinite scrolling component.
An infinite scrolling component is when new content is loaded as the user scrolls down the page as opposed to separating it out into multiple pages.
They are highly effective for specific types of content such as user-generated content.
In this video, we'll build a quick Vue infinite scrolling component using template refs, event listeners, and mock data calls.
If you have any questions, leave them in the comments!
FULL ARTICLE W/ CODE
learnvue.co/2020/09/a-quick-vue3-infinite-scrolling-component-daily-vue-tips-4
PROS AND CONS OF INFINITE SCROLLING ARTICLE
uxplanet.org/ux-infinite-scrolling-vs-pagination-1030d29376f1
FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
learnvue.co/vue-3-essentials-cheatsheet
follow me on twitter:
twitter.com/mattmaribojoc
🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool
INTRO
Daily (Prod. by Lukrembo)
CHAPTERS
0:00 Introduction
0:38 Pros and Cons of Infinite Scrolling
1:21 Vue Infinite Scrolling Component Diagram
1:37 Mocking API Calls
2:05 Making Post.vue
2:29 Making ListComponent.vue
03:22 Adding Infinite Scrolling
4:27 Final Demo
If you've ever caught yourself on social media for way too long, chances are the site you were on was using an infinite scrolling component.
An infinite scrolling component is when new content is loaded as the user scrolls down the page as opposed to separating it out into multiple pages.
They are highly effective for specific types of content such as user-generated content.
In this video, we'll build a quick Vue infinite scrolling component using template refs, event listeners, and mock data calls.
If you have any questions, leave them in the comments!
FULL ARTICLE W/ CODE
learnvue.co/2020/09/a-quick-vue3-infinite-scrolling-component-daily-vue-tips-4
PROS AND CONS OF INFINITE SCROLLING ARTICLE
uxplanet.org/ux-infinite-scrolling-vs-pagination-1030d29376f1
FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
learnvue.co/vue-3-essentials-cheatsheet
follow me on twitter:
twitter.com/mattmaribojoc
🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool
INTRO
Daily (Prod. by Lukrembo)
CHAPTERS
0:00 Introduction
0:38 Pros and Cons of Infinite Scrolling
1:21 Vue Infinite Scrolling Component Diagram
1:37 Mocking API Calls
2:05 Making Post.vue
2:29 Making ListComponent.vue
03:22 Adding Infinite Scrolling
4:27 Final Demo
