In this lesson, Hassan teaches about routing and the Vue Router. Students will specifically learn about:
- Routing: refers to splitting an application's UI based on rules derived from the browser URL
- Vue Router: Vue's official client-side routing library
- Routes: array that maps components to respective URL pathnames
- Router-view: component responsible in rendering another specified component based on the app's location.
- Router-link: component that allows the user to change the location of the browser without making web request.
- Dynamic Route Matching: matching routes with the same pattern to a single component.
- Nested Routes: compose components multiple levels deep that corresponds to segments of a URL path.
- Navigation Guards: guard navigations by either redirecting or canceling.
The lesson concludes with an exercise and demonstration of using the Vue Router to toggle information displayed from two different cities