Question 1

What is Nuxt and how does it relate to Vue?

Accepted Answer

**Target Audience:** Vue developers who have heard of Nuxt and need to explain what it adds. No Nuxt experience assumed. **Difficulty:** Medium > **How to read this doc:** Ideas are explained in plain language first, then tagged with 📌 Interview term: so you also learn the words an interviewer listens for. Everything in the "Verified" sections comes from a real Nuxt 4.6.1 project created for this answer: built with nuxt build, run as a production server, fetched with

Question 2

What is the difference between watch and watchEffect?

Accepted Answer

**Target Audience:** Vue developers who reach for watchers and want to choose between the two on purpose rather than by habit. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the vocabulary interviewers listen for. Every output below was produced on Vue 3.5.44, with node for the reactivity probe and with @vue/compiler-sfc plus jsdom for the components. This page is about the *tracking model*; t

Question 3

How do , and compose in Vue 3?

Accepted Answer

**Target Audience:** Developers who already know [Transition](/interview-question/how-do-transition-and-transitiongroup-work), [KeepAlive](/interview-question/what-is-keep-alive-in-vue) and [Suspense](/interview-question/what-is-suspense-in-vue) on their own and need them to work together. **Difficulty:** Medium > **How to read this doc:** Ideas are explained in plain language first, then tagged with 📌 Interview term: so you also learn the words an interviewer listens for. The tra

Question 4

How does <Suspense> work in Vue 3.5 after the 2024 stabilization?

Accepted Answer

**Target Audience:** Developers who already know what [Suspense](/interview-question/what-is-suspense-in-vue) is and need to predict how it behaves on later updates, with timeouts and with nested boundaries. **Difficulty:** Medium > **How to read this doc:** Ideas are explained in plain language first, then tagged with 📌 Interview term: so you also learn the words an interviewer listens for. Every trace was produced on Vue 3.5.44 with the repo's verify-vue-example.mjs

Question 5

How do you lazy-load routes and components in Vue?

Accepted Answer

**Target Audience:** Developers with a working Vue Router app who want a smaller initial download and a way to prove it. **Difficulty:** Medium > **How to read this doc:** Ideas are explained in plain language first, then tagged with 📌 Interview term: so you also learn the words an interviewer listens for. The build output is from a real app built with Vite 8.3.4, @vitejs/plugin-vue 6.0.10, Vue 3.5.44 and vue-router 5.4.0. Which chunks were fetched on each navigation

Question 6

What are Vue Router navigation guards?

Accepted Answer

**Target Audience:** Anyone preparing for a Vue interview who knows [basic router setup](/interview-question/how-do-you-set-up-vue-router-routes-routerlink-routerview-history-modes) — no guard experience required. **Difficulty:** Medium > **How to read this doc:** Ideas are explained in plain language first, then tagged with 📌 Interview term: so you also learn the words an interviewer listens for. The guard order in section 4 was printed by a Node script with console.log

Question 7

How do you handle errors in Vue (onErrorCaptured, app.config.errorHandler)?

Accepted Answer

**Target Audience:** Anyone preparing for a Vue interview who knows [the component lifecycle](/interview-question/what-are-vue-lifecycle-hooks) — no error-monitoring experience required. **Difficulty:** Medium > **How to read this doc:** Ideas are explained in plain language first, then tagged with 📌 Interview term: so you also learn the words an interviewer listens for. Every output was produced on Vue 3.5.44: the propagation scripts ran in Node with jsdom, once in development an

Question 8

How do you handle forms and validation in Vue?

Accepted Answer

**Target Audience:** Anyone preparing for a Vue interview who knows [how v-model works on inputs](/interview-question/how-does-v-model-work-on-form-inputs) — no form library experience required. **Difficulty:** Medium > **How to read this doc:** Ideas are explained in plain language first, then tagged with 📌 Interview term: so you also learn the words an interviewer listens for. Every output was produced on Vue 3.5.44 by mounting the components in jsdom with the repo verifier and

Question 9

useId() vs getCurrentInstance() — how do you generate SSR-safe IDs in Vue 3.5?

Accepted Answer

**Target Audience:** Vue developers building accessible forms or component libraries, especially with SSR or Nuxt.
**Difficulty:** Medium

> **How to read this doc:** Plain language first, then `📌 Interview term:` callouts. Every id and every warning below was produced on Vue 3.5.44: the component was mounted in jsdom and rendered with `renderToString`, three SSR requests were simulated in one Node process, and the HTML from one of them was hydrated in a fresh jsdom client. The `useId` source q

Question 10

What is the difference between computed and watch?

Accepted Answer

**Target Audience:** Vue developers who use both APIs and want a crisp rule for choosing, plus the reasons behind it. **Difficulty:** Medium > **How to read this doc:** Plain language first, then 📌 Interview term: callouts with the precise vocabulary. Every output below was produced on Vue 3.5.44: the probes with node, the component by compiling it with @vue/compiler-sfc and typing into it in jsdom. ## 1. Why This Even Matters — A Story First A café has

VUE.JSDECODED.

Medium

What is Nuxt and how does it relate to Vue?

What is the difference between watch and watchEffect?

How do <Transition>, <KeepAlive> and <Suspense> compose in Vue 3?

How does <Suspense> work in Vue 3.5 after the 2024 stabilization?

How do you lazy-load routes and components in Vue?

What are Vue Router navigation guards?

How do you handle errors in Vue (onErrorCaptured, app.config.errorHandler)?

How do you handle forms and validation in Vue?

Hard

What is async setup and top-level await?

What is Suspense in Vue?

How does defineAsyncComponent work with loading, error and retry in 2025?

What is lazy hydration in Vue 3.5 — hydrate strategies (idle, visible, interaction)?

What is effectScope() and why do composables use it for cleanup?