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
14.
Composition API
14.1.
Introduction to Composition API
14.1.1.
Motivation
14.1.2.
Benefits over Options API
14.1.3.
Code Organization
14.1.4.
Logic Reuse
14.2.
setup() Function
14.2.1.
Function Signature
14.2.2.
Return Values
14.2.3.
Execution Context
14.2.4.
Props and Context
14.3.
Script Setup Syntax
14.3.1.
Simplified Syntax
14.3.2.
Automatic Exposure
14.3.3.
Import Handling
14.3.4.
TypeScript Integration
14.4.
Reactive References
14.4.1.
ref() Usage
14.4.2.
Reactive() Usage
14.4.3.
toRefs() Utility
14.4.4.
unref() Utility
14.5.
Lifecycle Hooks
14.5.1.
onMounted
14.5.2.
onUpdated
14.5.3.
onUnmounted
14.5.4.
onBeforeMount
14.5.5.
onBeforeUpdate
14.5.6.
onBeforeUnmount
14.5.7.
onErrorCaptured
14.6.
Composables
14.6.1.
Creating Composables
14.6.2.
Naming Conventions
14.6.3.
State Sharing
14.6.4.
Side Effect Management
14.6.5.
Composable Patterns
Previous
13. Component Communication
Go to top
Next
15. Vue Router