Chapter quiz · Vue Foundations

Test what you learned.

8 questions on Vue Foundations. Pass 70% to clear the chapter.

← Review chapter lessons

Quiz

Vue Foundations — Chapter Quiz

Eight questions on what Vue is, SFCs, reactivity, computed, and the Composition API.

0/ 9

Question 1
1
What is a Vue Single-File Component (SFC)?
AA .vue file combining template, script, and style for one componentBA JS file that exports many componentsCAn HTML page rendered by Vue at request timeDA compiled JSX file
SFCs bundle <template>, <script> (or <script setup>), and <style> for one component in a single .vue file.
Question 2
2
Which interpolation syntax renders a JS expression in a Vue template?
A{ expr }B{{ expr }}C${expr}D<%= expr %>
Vue uses double curly braces — {{ expr }} — for text interpolation.
Question 3
3
When should you choose ref over reactive?
AAlways — reactive is deprecatedBFor primitive values, or when you want to reassign the whole thingCOnly for arraysDNever — reactive is faster
ref wraps any value (including primitives) and supports reassignment via .value. reactive only works on objects and breaks if you destructure or reassign.
Question 4
4
What does computed(() => count.value * 2) return?
AA plain number that updates on its ownBA function that re-runs each renderCA reactive ref whose value is cached until a dependency changesDA promise
computed returns a ref with a cached value. It only re-computes when one of the reactive deps it read changes.
Question 5
5
In <script setup>, top-level bindings are automatically exposed to the template.
TTrueFFalse
That's the whole point of <script setup> — no manual return from a setup function.
Question 6
6
watch(source, cb) fires cb when:
AThe component mountsBThe reactive source changesCEvery renderDOnly on user input
watch runs the callback when its reactive source (ref, getter, or array of either) changes.
Question 7
7
The modern Vue 3 API style that uses setup() / <script setup> is called the ___ API.
The Composition API is the modern, function-based way to write Vue 3 components. The older data/methods/computed style is the Options API.
Question 8
8
Which of these are valid ways to declare reactive state in Vue 3?
Select all that apply.
Aref(initial)Breactive(obj)Ccomputed(getter)DuseState(initial)EshallowRef(initial)
ref, reactive, computed, and shallowRef are Vue primitives. useState is React, not Vue.