UsefulLinks
Computer Science
Web Development
Frontend Frameworks and Libraries
Vue.js Framework
1. Introduction to Vue.js
2. Development Environment Setup
3. Vue Application Fundamentals
4. Reactivity System Deep Dive
5. Template Directives
6. Conditional Rendering
7. List Rendering
8. Event Handling
9. Form Input Binding
10. Class and Style Bindings
11. Component Fundamentals
12. Advanced Component Patterns
13. Component Communication
14. Composition API
15. Vue Router
16. State Management with Pinia
17. Testing Vue Applications
18. Build Tools and Development
19. Advanced Topics
20. Deployment and Production
15.
Vue Router
15.1.
Single Page Application Concepts
15.1.1.
Client-Side Routing
15.1.2.
History API
15.1.3.
Hash Mode vs History Mode
15.2.
Router Setup
15.2.1.
Installation
15.2.2.
Router Instance Creation
15.2.3.
Route Configuration
15.2.4.
Router Integration
15.3.
Route Definition
15.3.1.
Path Patterns
15.3.2.
Route Components
15.3.3.
Route Names
15.3.4.
Route Meta Fields
15.4.
Dynamic Routes
15.4.1.
Route Parameters
15.4.2.
Parameter Patterns
15.4.3.
Optional Parameters
15.4.4.
Wildcard Routes
15.5.
Nested Routes
15.5.1.
Child Routes
15.5.2.
Nested Router Views
15.5.3.
Route Hierarchy
15.6.
Navigation
15.6.1.
Declarative Navigation
15.6.2.
Programmatic Navigation
15.6.3.
Navigation Guards
15.6.4.
Navigation Failures
15.7.
Route Guards
15.7.1.
Global Guards
15.7.2.
Per-Route Guards
15.7.3.
In-Component Guards
15.7.4.
Guard Resolution Flow
15.8.
Lazy Loading
15.8.1.
Route-Level Code Splitting
15.8.2.
Dynamic Imports
15.8.3.
Loading States
15.9.
Advanced Features
15.9.1.
Named Views
15.9.2.
Route Transitions
15.9.3.
Scroll Behavior
15.9.4.
Route Meta
Previous
14. Composition API
Go to top
Next
16. State Management with Pinia