All quizzesHard
Reactivity Internals
Preview — 3 of 10 questions
How does Vue 3's reactivity system track dependencies at the implementation level?
ABy cloning objects on every render and comparing them with deep equality checks
BBy serializing state to JSON and using structural diffing on every state mutation
CUsing Object.defineProperty on each reactive property with getters/setters (same as Vue 2)
DUsing JavaScript Proxy to intercept get/set, with a WeakMap-based dependency tracker mapping targets to effects
How should a Vue plugin that creates global reactive state correctly use effectScope?
ACreate one effectScope per component that uses the plugin to keep state isolated
BUse the app's internal effect scope via app._context.provides
CCreate a detached effectScope (with true argument) for the plugin's global state, independent of any component lifecycle
DeffectScope is only for component-level use; plugins should use plain ref at module scope
What is Vue's Custom Renderer API (createRenderer) and what is a valid use case?
AAn API to create Vue renderers targeting non-DOM environments like canvas, WebGL, or native mobile
BAn API to customize how Vue renders standard HTML elements in the browser
CAn API to override the default component render function globally
DAn API specifically for creating server-side renderers (SSR)
Sign up free to play
Answer all 10 questions (7 more), see explanations for every answer, and track your score.