(1/15) Which directive might you use if you want to load a large image only after the user triggers an event, setting an img src dynamically in Vue 3?

---

• v-bind:src or :src="someDynamicUrl" once the event sets that data
• v-text
• v-model:src
• v-on

(2/15) What is a key reason to prefer using 'computed()' properties rather than methods for transforming data in a Vue 3 component?

---

• computed() is simpler to write than methods
• computed() caches its results, only recalculating when dependencies change
• computed() returns arrays only
• computed() is required for watchers to function

(3/15) Which directive can you use if you want to toggle the CSS display property for an element based on a boolean condition, leaving it in the DOM hidden if false, in Vue 3?

---

• v-show
• v-model
• v-if
• v-bind:display

(4/15) How do you pass a custom event from child to parent in Vue 3 using the Composition API?

---

• Use a directive v-event to bubble up events
• Use watchEffect in the parent
• Child calls emit('customEvent') after defining emits: ['customEvent'] or using defineEmits(['customEvent'])
• Inject the parent’s data into the child and mutate it

(5/15) Which statement describes an advantage of the Composition API in Vue 3 over the Options API?

---

• It organizes code by feature rather than by lifecycle or option blocks, which can be clearer for complex logic
• It no longer uses watchers
• No advantage, it’s just syntax sugar
• It merges watchers with concurrency watchers automatically

(6/15) Which special attribute can you add to a <script> block in a Single File Component to handle TypeScript compilation in a Vue 3 project?

---

• type="module"
• scoped
• lang="js"
• lang="ts"

(7/15) What is the difference between using a method in the Options API and returning a function from the setup() in the Composition API if they do the same logic?

---

• Methods only exist for watchers, while Composition functions are SSR only
• No difference. Both are identical in call signature and usage
• An Options API method is accessed via this.methodName, while a setup function is accessed directly in the template or returned object in Composition API
• You cannot define methods in Composition API

(8/15) Which directive should you use to invoke a method when a user presses the 'Enter' key in an input field in Vue 3?

---

• v-on:keydown.enter
• v-model
• v-batch
• v-for

(9/15) What are 'slots' used for in Vue 3?

---

• To define watchers for ref() variables
• To insert child components into a parent component’s template, especially for layout or content distribution
• To manage router views
• To pass reactive data up the component tree

(10/15) What happens if you do not return a reactive variable from the setup() function in Vue 3?

---

• The component fails to compile
• It is automatically returned to the template
• It becomes a global property
• It will not be tracked or available in the template

(11/15) Which Vue 3 hook is invoked right before the initial rendering, allowing you to do something right before the DOM is first painted?

---

• onBeforeUpdate
• onMounted
• onUnmounted
• onBeforeMount

(12/15) In a Vue 3 + TypeScript project, how do you strongly type a ref that will store the result of an API call returning an array of objects?

---

• Use defineExpose for typed arrays
• Use watchers for type assignment
• Cannot type arrays in Vue 3
• Use ref<MyInterface[]>([]) so the .value is typed as MyInterface[]

(13/15) In Vue 3, how would you typically access props within onMounted() if using the standard Composition API setup syntax (not <script setup>)?

---

• Destructure props from the second parameter of setup(), then use them inside onMounted()
• Access them via this.props in the Composition API
• Define watchers for each prop in mounted()
• Use a custom directive for property extraction

(14/15) What does defineAsyncComponent return in Vue 3?

---

• A component definition that Vue can render asynchronously when it’s needed
• A watchers array for concurrency
• An object with an install function for plugin usage
• A route guard for code splitting

(15/15) Which statement about TypeScript support in Vue 3 is correct?

---

• Vue 3 is not compatible with TypeScript
• No official tooling exists for TS in Vue 3
• You can use <script lang="ts"> in SFCs, and defineProps/defineEmits macros can enforce type checks
• Vue 3 requires rewriting watchers in .d.ts files

Submit