(1/15) Which lifecycle hook is called once the Vue 3 component is fully removed from the DOM and no longer tracked by the reactivity system?

---

• onSSRComplete
• onUnmounted
• onErrorCaptured
• onBeforeUnmount

(2/15) Which property in the Pinia store definition allows you to define synchronous or asynchronous state updates in the style of ‘actions’?

---

• mutations
• actions
• methods
• events

(3/15) Which Composition API function in Vue 3 lets you create dynamic async components that only load when needed?

---

• createAppAsync
• unrefAsync
• defineAsyncComponent
• watchEffectAsync

(4/15) Which directive is used for one-time interpolation in Vue 3, preventing the element from updating on subsequent reactivity changes?

---

• v-if
• v-html
• v-bind:once
• v-once

(5/15) How do you configure a build specifically for production in a Vue 3 application created by Vite?

---

• npm run dev --mode production
• Manually switch node_modules to production versions
• npm run build automatically defaults to production mode
• Use the 'vue build' CLI command only

(6/15) What is the main purpose of the createApp function in Vue 3?

---

• To replace the Vuex store
• To create a new Vue instance globally
• To define watchers at a global level
• To create and return an application instance that can be mounted to the DOM

(7/15) If you need to deploy your Vue 3 application as a static site without server rendering, which approach might you use?

---

• Vue 3 cannot be deployed as a static SPA
• Use watchers to compile static HTML files
• Use Vite or Vue CLI to produce a production build, then serve the dist folder over a static server
• You must convert it to Next.js

(8/15) Which directive might you use if you want to apply the same logic as @click but the event name is stored in a variable eventName in Vue 3?

---

• v-bind:[eventName]
• v-model:[eventName]
• v-on:[eventName]
• v-if:[eventName]

(9/15) Which statement about onMounted and onUnmounted in the Composition API is correct?

---

• onUnmounted triggers before the DOM is removed
• onUnmounted is called after the DOM is removed, so you can't do DOM manipulations there
• onMounted is called before the DOM is rendered
• Both run simultaneously

(10/15) What is the main difference between an Options API component’s data() function and a Composition API’s ref() usage for storing reactive data?

---

• Vue 3 removed data() entirely
• data() does not create reactivity, ref() does
• data() returns a plain object, ref() returns an object with a .value property for reactivity
• They are identical in usage

(11/15) When you want to run an action after the entire component sub-tree has updated, which function can be used in Vue 3?

---

• onBeforeMount in each child
• flush: 'sync' watchers
• nextTick(() => { ... }) to defer until after the DOM patch
• Use keep-alive to check state updates

(12/15) What is the main benefit of using toRefs() on a reactive object in Vue 3?

---

• It automatically unsubscribes watchers
• It converts each property into an individual ref, useful when destructuring to avoid losing reactivity
• It disables reactivity for all nested objects
• It merges multiple watchers into one

(13/15) Which directive in Vue 3 is used to dynamically bind a single attribute or multiple attributes from an object, e.g., <button v-bind="obj" />?

---

• v-on
• v-bind
• v-if
• v-model

(14/15) If your Vue 3 app requires a global store but you prefer a simpler approach than Vuex, which library is recommended by the core team?

---

• Pinia
• MobX
• No simpler solution than Vuex
• Redux Toolkit

(15/15) Which lifecycle hook in Vue 3 is the best place to add cleanup logic right before a component is completely removed from the DOM?

---

• onUpdated
• onActivated
• onRenderTracked
• onBeforeUnmount

Submit