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
11.
Component Fundamentals
11.1.
Component Concepts
11.1.1.
Reusability
11.1.2.
Encapsulation
11.1.3.
Composition
11.1.4.
Single Responsibility
11.2.
Single File Components
11.2.1.
.vue File Structure
11.2.2.
Template Block
11.2.3.
Script Block
11.2.4.
Style Block
11.2.5.
Block Attributes
11.3.
Component Registration
11.3.1.
Global Registration
11.3.2.
Local Registration
11.3.3.
Naming Conventions
11.3.4.
PascalCase vs kebab-case
11.4.
Component Props
11.4.1.
Prop Declaration
11.4.2.
Prop Types
11.4.3.
Prop Validation
11.4.4.
Default Values
11.4.5.
Required Props
11.4.6.
Prop Casing
11.5.
Component Events
11.5.1.
Event Emission
11.5.2.
Event Listeners
11.5.3.
Event Validation
11.5.4.
Event Naming
11.6.
Component Slots
11.6.1.
Default Slots
11.6.2.
Named Slots
11.6.3.
Scoped Slots
11.6.4.
Slot Props
11.6.5.
Fallback Content
Previous
10. Class and Style Bindings
Go to top
Next
12. Advanced Component Patterns