(1/15) Which directive might you use if you want to avoid an element updating on subsequent reactive changes, effectively freezing its content after initial render in Vue 3?

---

• v-once
• v-if
• v-text
• v-model

(2/15) How do you make sure watchers in a child component don’t run before the component is actually mounted in Vue 3?

---

• By default, watchers only trigger after the property changes post-mount, unless immediate: true is set
• You can't; watchers always run on creation
• Set flush: 'post' to skip mount triggers
• Use watchers in main.js for concurrency watchers only

(3/15) In a Vue 3 SFC, if you define style with <style scoped>, which mechanism ensures that these styles only affect the component’s markup?

---

• The developer must add unique IDs manually
• The compiler adds unique data-v-xxxx attributes to the component’s elements and CSS selectors
• Scoped styles are no longer supported in Vue 3
• Vue 3 inlines style tags at runtime with watchers

(4/15) What would you typically use if you need to keep the state of a component alive when switching between components with v-if in Vue 3?

---

• Teleport
• Reactive
• keep-alive
• script setup

(5/15) In Vue 3, which keyword is used to expose reactive data to the component template when using the Composition API?

---

• return
• inject
• provide
• expose

(6/15) What is a key reason to use the watch() function over watchEffect() in Vue 3?

---

• watch() caches the returned value automatically
• watchEffect() is only for SSR
• watch() gives you access to newVal and oldVal, which watchEffect doesn’t provide by default
• You can only watch single variables with watch()

(7/15) Which file type is a typical Vue single-file component stored as?

---

• .vue
• .component
• .vuex
• .vjs

(8/15) In Vue 3, how do you render a component only if a certain condition is true, and otherwise render an alternative component within the same template block?

---

• Use an array of components with v-for
• Use two separate .vue files combined at runtime
• Use watch() to switch out components dynamically
• Use v-if and v-else on the same element

(9/15) Which directive can be used for one-time interpolation, preventing the element from updating on subsequent re-renders in Vue 3?

---

• v-once
• v-stop
• v-if
• v-text

(10/15) Which statement about watchers with immediate: true is correct in Vue 3?

---

• They only run after the second update cycle
• immediate is replaced by flush: 'post'
• They skip reactivity checks entirely
• They run once right after the watcher is created, then again whenever the watched source changes

(11/15) Which directive might you use if you only want to render a block once in Vue 3, preventing it from updating on subsequent reactivity changes?

---

• v-show
• v-once
• v-model
• v-if

(12/15) Which statement about watchEffect in Vue 3 is TRUE regarding how dependencies are tracked?

---

• Dependencies are automatically collected based on which refs/reative properties are accessed during the callback
• It only tracks watchers declared in main.js
• It does not track dependencies at all
• You explicitly list dependencies in an array

(13/15) Which directive in Vue 3 do you typically use to programmatically set the text of an element, ignoring HTML interpretation?

---

• v-html
• v-text
• v-bind:class
• v-model

(14/15) In Vue 3, which directive is typically used to handle an @click event in a shorter syntax?

---

• v-bind
• v-for
• v-on
• v-class

(15/15) If you see an error like "Cannot read properties of undefined (reading 'value')" in a Vue 3 script setup, what is a likely cause?

---

• Computed properties do not exist in script setup
• You used watch() on a non-reactive variable
• onMounted was not imported
• You tried to access .value of a ref that was never initialized or spelled incorrectly

Submit