Reactivity Fundamentals
Learn how Vue tracks reactive dependencies.
What Is Reactivity?
Reactivity is Vue automatically updating the DOM when your data changes.
- You change a value in JavaScript
- Vue detects the change
- The view re-renders to match
No manual DOM manipulation required.
How Vue Tracks Dependencies
Vue uses a dependency tracking system.
- When a render reads a reactive value, Vue records that dependency
- When that value later changes, Vue knows which renders to re-run
- This makes updates precise and efficient
All lessons in this course
- Reactivity Fundamentals
- Computed Properties
- Watchers and Deep Reactivity