Skip to main content
grasp.study
About
Explore
Pricing
Log in
Try it for free
Back to course
👋
Welcome to a Grasp lesson
Create a free account
to keep studying and create your own study path.
Full-stack web development with Vue.js
·
Module 10
Vue.js: Routing and API Integration
1
Vue Router: Building SPAs with Multiple Views
Install and configure Vue Router to create a single-page application with multiple views.
2
Route Management with Dynamic Parameters
Define routes for different pages, including routes with dynamic parameters (e.g., /items/:id).
3
Vue Router: Navigation & Views
Use <RouterLink> and <RouterView> to implement navigation and render page components.
4
Fetching API Data with `onMounted`
Fetch data from a REST API within a component's onMounted lifecycle hook.
Handling API Loading & Error States
Manage and display loading and error states during API requests.
6
Building a Dynamic Two-Page App with API Data
Mini Project: Create a two-page app that fetches a list of items from an API and displays details on a dynamic route page.
Previous module
Vue.js: State Management with Pinia
Next module
Styling Vue Applications with Tailwind