Intro + Preview for the Pagination Component
2:59
Pagination Bar Mockup
5:38
Pagination within GitHub's API
5:55
Calculating and Displaying the Correct Number of Pages
5:06
Active and Disabled States - Styling and Guardrails to Help the User
3:43
Query Params - Saving Page Number
5:21
Multiple Query Params
6:24
Changing # of Results Per Page
8:43
Using Pagination with Preloaded Data
5:47
Conclusion
1:36
0% done with Advanced Components: Building a Reusable Pagination Component

Chapter 4 of 5 in Advanced Components: Slots
Query Params - Saving Page Number

Query Params are a great way to save and share the state of the app, using the URL.

In this lesson, we're adding the pageNumber Query Param to the Pagination component, learning how to use $route.query and $router.push to find and change the query params.

What do others think of VueScreencasts?
"It's very helpful. Thank you for a great tutorial."
—Abdulaziz Al Ghafli
"Dude, it's an excellent video. Soothing voice, extensive and crystal clear explanations, troubleshooting common issues... You do it and you do it well. Keep up the good work & congratulations :-) Subscribed without the slightest hesitation"
—BillyBobBonnet
"At 14:22... it was exactly that question which I had in mind seconds before!"
—Henning Sieh
"More videos please :)"
—Emerson smith Huallpa Zanabria
Take your career to the next level