0

Completed

0%

Progress

0

Starred

01

What is Vue.js and how does its architecture differ from React or Angular?

beginner#Basics
02

Explain the Vue instance and the role of the `createApp` function in Vue 3.

beginner#Basics
03

What are Vue template syntax, interpolation, and directives?

beginner#Basics
04

Explain v-bind and v-on directives with examples.

beginner#Basics
05

How does one-way data binding vs two-way binding work in Vue?

beginner#Basics
06

How to handle events with v-on and event modifiers in Vue?

beginner#Basics
07

Explain v-if vs v-show vs v-else: differences and use cases.

beginner#Basics
08

How to use v-for for list rendering and why is the key attribute important?

beginner#Basics
09

What are computed properties and how do they differ from methods and watch?

beginner#Basics
10

Explain component basics: props, emits, and slots.

beginner#Basics
11

What are the Vue component lifecycle hooks and their execution order?

beginner#Lifecycle
12

How to handle form inputs with v-model in Vue? (text, checkbox, radio, select)

beginner#Forms
13

What is the Composition API and how does it differ from the Options API?

beginner#Composition API
14

What is the difference between ref and reactive in Vue 3?

beginner#Reactivity
15

What is script setup and how does it simplify component authoring?

beginner#Basics
16

How to set up basic routing in Vue.js with Vue Router 4?

beginner#Routing
17

How to fetch data from an API in Vue? (fetch, async/await, error handling)

beginner#Basics
18

What is Pinia and how do you use it for basic state management?

beginner#State Management
19

What are ES modules and how are they used in Vue projects?

beginner#Basics
20

Explain the deep differences between ref, reactive, shallowRef, and markRaw in Vue 3.

intermediate#Composition API
21

How to use toRefs and toValue to preserve reactivity when destructuring or passing props?

intermediate#Composition API
22

What is the difference between watch, watchEffect, watchPostEffect, and watchSyncEffect?

intermediate#Reactivity
23

How to build advanced composables with lifecycle integration, cleanup, and TypeScript?

intermediate#Composition API
24

How to use dynamic components, KeepAlive, and Teleport in Vue 3?

intermediate#Components
25

What is provide/inject and how to use it for dependency injection in deep component trees?

intermediate#Components
26

What are async components and Suspense? How to use them for code splitting and loading states?

intermediate#Rendering
27

What are virtual scrolling, v-memo, and v-once, and how do they improve performance?

intermediate#Performance Optimization
28

How to use TypeScript with Vue 3 components, props, emits, and composables?

intermediate#TypeScript
29

What is Pinia architecture: stores, state, getters, actions, and how to organise them at scale?

intermediate#State Management
30

How does computed property caching work internally? When does it recompute?

intermediate#Reactivity
31

What is nextTick and when should you use it?

intermediate#Basics
32

Explain the lifecycle internals: how Vue manages component creation, update, and destruction under the hood.

intermediate#Lifecycle
33

What are advanced Vue Router patterns: route guards, meta fields, lazy loading, and navigation failures?

intermediate#Routing
34

How to use transition and animation systems in Vue: Transition, TransitionGroup, and JavaScript hooks?

intermediate#Rendering
35

How to build complex form architectures with validation, nested fields, and dynamic inputs in Vue?

intermediate#Forms
36

How to handle errors globally and locally in Vue: error boundaries, onErrorCaptured, and global error handlers?

intermediate#Error Handling
37

What are the basics of Server-Side Rendering (SSR) and hydration in Vue?

intermediate#SSR
38

Explain hydration mismatches, how to debug them, and strategies for lazy/partial hydration.

intermediate#Hydration
39

What are VueUse patterns and how to leverage its utilities for common tasks?

intermediate#Composables
40

Explain Vue 3's reactivity system internals: Proxy traps, track and trigger, effect scheduling, and dependency collection.

advanced#Vue Internals
41

How does Vue's virtual DOM and diffing algorithm work? Explain patch flags, block tree, and the rendering pipeline.

advanced#Vue Internals
42

How does the Vue compiler work? Explain template compilation, AST transformation, and code generation.

advanced#Vue Internals
43

What is the scheduler in Vue? Explain job queueing, nextTick, and flush options.

advanced#Vue Internals
44

Explain streaming SSR, Suspense SSR, and advanced hydration strategies (lazy, selective, partial).

advanced#SSR
45

How to achieve high-performance rendering in Vue: virtual scrolling, memoization, worker threads, and wasm integration?

advanced#Performance Optimization
46

Explain custom renderer API and how to build a renderer for non-DOM targets (Canvas, WebGL, native mobile).

advanced#Vue Internals
47

How to design a Vue plugin architecture with lifecycle hooks, global injection, and composable APIs?

advanced#Architecture
48

Advanced testing strategies: component testing with Vitest, e2e with Playwright, and mocking composables/plugins.

advanced#Testing
49

What is Reactivity Transform and why was it deprecated? Explain the `$ref` and `$computed` macros.

advanced#Reactivity
50

How does Vue Devtools integration work? Explain the custom inspection API and performance profiling hooks.

advanced#Vue Internals
51

What are memory optimization techniques in Vue: avoiding leaks, `shallowRef`, `markRaw`, and manual cleanup?

advanced#Performance Optimization
52

What are security patterns in Vue: preventing XSS, safe HTML binding, CSRF protection, and content security policies?

advanced#Security
53

How to implement micro frontends with Vue? Discuss Module Federation, single-spa, and Web Components.

advanced#Architecture
54

What are production scaling patterns for Vue: monorepos, dynamic imports, composable libraries, and design systems?

advanced#Architecture