Notes Vue interview Interview questions from your Vue notes at a middle depth: reactivity and computed, watchers and the lifecycle, templates, component communication, composables, directives and plugins, built-in components and tooling, and performance, accessibility and security.
Pages Reactivity How Vue tracks dependencies with track and trigger, ref versus reactive, why destructuring a reactive object breaks it, computed and its lazy cache, shallowRef, nextTick and DOM update timing, and a writable computed. Watchers and the lifecycle watch versus watchEffect, deep watching and getters, race conditions with onWatcherCleanup, flush timing, the component lifecycle and what Vue cleans up, and what happens between a state change and the screen. Templates and rendering v-if versus v-show, why v-for needs a stable key, v-if and v-for on the same element, and template refs with defineExpose. Component communication Props, events, v-model, provide/inject, stores, slots, template refs and fallthrough attributes — when to use which, one-way data flow, defineModel with modifiers, scoped slots, and attributes with several root elements. Reusability Composables and how to write good ones, the shared-state trap of module-level refs, a useFetch composable with cancellation, custom directives and when to use them, and Vue plugins. Built-ins and tooling KeepAlive and its cache, Teleport for modals, what Suspense waits for, Vite versus webpack and Rolldown in Vite 8, how Vue Router works, and what Pinia adds over a shared reactive object. Performance, accessibility and security Measuring and fixing a slow Vue app — lazy loading, shallowRef, computed, v-once and v-memo, virtual lists — accessibility in a single-page app, and XSS with v-html. Notes for the whole section