Intro + Preview for the Pagination Component
Pagination Bar Mockup
Pagination within GitHub's API
Calculating and Displaying the Correct Number of Pages
Active and Disabled States - Styling and Guardrails to Help the User
Query Params - Saving Page Number
Multiple Query Params
Changing # of Results Per Page
Using Pagination with Preloaded Data
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?
"Great video as always, I really like the idea of basing the video in terms of features, as someone only looking to learn particular feature can get benefits from the video. Also, I really like you going through what we have done in the video at the end, it really helps in better understanding."
—Paurakh Sharma Humagain
"I like your way of teaching. I just started a a web dev YT channel too and this is inspiring."
—Duane Creates
—Muhammed Owais
"You saved my day! Thanks!"
—Ivomar Santos
Take your career to the next level