Production & Tooling — Chapter Quiz

Question 1

1

Which is the standard unit test runner for Vue 3 projects?

AJestBVitestCMochaDKarma

Vitest shares Vite's config and toolchain. It uses a Jest-compatible API but starts in milliseconds.

Question 2

2

How do you mount a component for testing with @vue/test-utils?

Amount(MyComp, { props: { name } })Bnew MyComp().render()Crender(MyComp)DcreateApp(MyComp).mount()

mount returns a wrapper. Pass props, slots, and global stubs/provides via the options arg.

Question 3

3

Which meta-framework is recommended for SSR/SSG Vue apps?

ANuxtBQuasarCGridsomeDVuePress

Nuxt is the official meta-framework — file-based routing, SSR, SSG, modules, auto-imports.

Question 4

4

When is shallowRef a better choice than ref?

AAlways — it is fasterBFor large objects/arrays you replace whole instead of mutating piece by pieceCOnly for primitivesDNever — it does not work with templates

shallowRef skips deep reactivity. Reassign .value to trigger updates. Big wins for large immutable data.

Question 5

5

Which plugin adds PWA features (service worker, manifest) to a Vite-based Vue app?

Avite-plugin-pwaBvue-pwaC@vitejs/plugin-workboxDpwa-loader

vite-plugin-pwa wraps Workbox and adds the manifest + service worker with minimal config.

Question 6

6

A typical SPA deployment needs a rewrite that maps unknown URLs back to /index.html.

TTrueFFalse

Without it, refreshing on a client-side route (like /users/42) returns a 404 because no such file exists on disk.

Question 7

7

The Vue 3 directive that re-renders only when its dependency array changes is v-___.

v-memo="[deps]" is the high-leverage hint for big lists with expensive items — Vue skips re-rendering when deps are equal.

Question 8

8

Which moves typically help Vue app performance?

Select all that apply.

ALazy-load routes with dynamic importsBUse shallowRef for big data you replace, not mutateCVirtualize long listsDWrap everything in <KeepAlive> indiscriminatelyEAnalyze the bundle with rollup-plugin-visualizer

KeepAlive everywhere leaks memory. The other four are well-targeted optimizations.

Test what you learned.