Useful Links
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
Reactivity System Deep Dive
Understanding Reactivity
What is Reactivity
Dependency Tracking
Change Detection
Reactivity Triggers
Reactive Data Declaration
ref() for Primitives
reactive() for Objects
readonly() for Immutable Data
shallowRef() and shallowReactive()
Reactivity Gotchas
Array Index Assignment
Object Property Addition
Destructuring Reactive Objects
Reactivity Loss Scenarios
Computed Properties
Basic Computed Properties
Computed vs Methods
Writable Computed Properties
Computed Property Caching
Debugging Computed Properties
Watchers
watch() Function
watchEffect() Function
Deep Watching
Immediate Execution
Stopping Watchers
Cleanup Functions
Async Watchers
Previous
3. Vue Application Fundamentals
Go to top
Next
5. Template Directives