Q1. How does reactivity work in Vue 3 with Proxy?
Vue 3 wraps reactive objects in an ES Proxy that intercepts get and set operations. On a get, track() records the currently active effect (a render function, computed or ...
Technical Question Bank · Peer-Reviewed
Job Interview Questions and Answers Directory
Search and filter frequently asked interview questions across technical, programming, and behavioral domains. Tailor your interview preparation by difficulty for freshers or experienced developers (251 available).
Active:
Tag: vue ×
Q2. What is the difference between the Options API and the Composition API in Vue 3?
The Options API organises component logic into fixed options such as data, methods, computed, watch and lifecycle hooks. The Composition API organises the same logic insi...
Q3. When should you use v-if instead of v-show?
v-if conditionally renders: when the expression is falsy the element and its children are not created, and they are destroyed when it flips. It supports v-else and v-else...
Q4. Explain the difference between computed, watch and watchEffect.
computed derives a cached value from reactive dependencies. The getter re-evaluates only when a dependency changes and something reads the value, which makes it ideal for...
Q5. What is the difference between ref and reactive, and what are the pitfalls?
ref creates a reactive reference that can hold any value, including primitives, and is accessed through .value in JavaScript while auto-unwrapping in templates. reactive ...
Q6. How do Vue components communicate with each other?
The primary patterns are props down and events up. A parent passes data via props declared with defineProps, and listens to child events emitted with defineEmits. For dee...
Q7. Why is the key attribute important in v-for?
The key gives each rendered item a stable identity so Vue can match old and new nodes during patching. Without a key, Vue uses an in-place patch strategy and reuses DOM n...
Q8. How does v-model work on a custom component?
v-model on a component is syntactic sugar. In Vue 3, v-model="foo" compiles to passing a modelValue prop and listening for update:modelValue. Inside the child you declare...
Q9. How do Vue flush timing and the scheduler affect watchers?
Vue 3 batches reactive updates with a scheduler. When trigger fires, the affected render effects and watchers are queued and flushed in a microtask, so several synchronou...
Q10. How do you optimise the performance of a large Vue application?
Practical Vue 3 optimisations: use computed instead of methods in templates so results are cached, and split large components. Prefer shallowRef or shallowReactive for la...