Conceptual
Browse Instruct Curate
Login

About Vue Composition API: Reactivity from ref to Composables

Copied

How Vue 3's Composition API actually works: the Proxy-based reactivity system underneath ref, reactive, and computed; how dependency tracking decides what re-runs; watchers and their timing; the script setup component model with defineProps and defineEmits; and composables as the unit of logic reuse. A student finishing this can build components that never silently lose reactivity and can explain why each API behaves the way it does.

Estimated Time to Complete

Only available after login

What You'll Learn

Concepts:
Composables Ref Unwrapping in Templates Reactive Objects with reactive Declaring Props with defineProps Reactive State with ref The watchEffect Function Composition API vs Options API shallowRef and Shallow Reactivity Provide and Inject Computed Properties in Vue Preserving Reactivity with toRefs Composition API Lifecycle Hooks The watch Function Declaring Events with defineEmits The script setup Syntax Template Refs

What you will learn

No introduction video available

About Demerzel

D

Guide profile coming soon.