(1/15) Which directive in Vue 3 helps you conditionally avoid rendering a block if the condition is false, toggling display: none instead of removing from the DOM?

---

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

(2/15) Which Composition API function is specifically designed for performing side effects that do not need an explicit dependency array and run immediately at least once?

---

• refEffect()
• watch()
• watchEffect()
• computed()

(3/15) Which property is used in the Vue 3 router config to define the scrolling behavior, such as returning the user to the top on navigation?

---

• historyMode
• navigationMode
• scrollBehavior
• routerBehaviour

(4/15) Which directive do you use in Vue 3 to assign a variable name to a DOM element so you can reference it in your component code (e.g., in onMounted)?

---

• ref="elemName"
• v-dom
• v-bind:key
• v-el

(5/15) If you want a component to handle custom events, how do you define which events it can emit in Vue 3 using <script setup>?

---

• Use watchers to track each event
• Use defineEmits([...]) macro at the top of <script setup>
• Emit any event without declaring; Vue 3 doesn’t need an emits definition
• Use emits: { ... } in export default

(6/15) Which library is recommended by the Vue team for state management in newer Vue 3 projects, as an alternative to Vuex?

---

• Recoil
• Redux
• MobX
• Pinia

(7/15) Which attribute in the <style> section of a Single File Component scopes styles only to the current component?

---

• global
• local
• module
• scoped

(8/15) Which statement about the difference between 'onBeforeMount' and 'onMounted' is correct in the Vue 3 Composition API?

---

• They only differ if you use SSR
• onBeforeMount runs after DOM insertion, onMounted runs before
• onBeforeMount is triggered before the component’s DOM is rendered, while onMounted runs after the component is fully rendered
• They are aliases for the same lifecycle hook

(9/15) In Vue 3, how do you access refs declared in <script setup> from the template?

---

• You declare them at the top level with ref() and use them directly in the template without returning
• You must return them manually from a setup() function
• Refs are not available in <script setup> templates
• They are automatically injected into the global scope

(10/15) Which directive do you use to dynamically bind HTML attributes in Vue 3 templates, for example binding src to an image URL?

---

• v-model
• v-bind
• v-on:attr
• v-if

(11/15) Why might you prefer storing a piece of data as a 'computed(() => something)' rather than 'ref(something)' in Vue 3?

---

• Ref cannot hold primitive data, only objects
• Ref does not allow reactive updates, while computed does
• Because computed automatically handles caching and updates based on dependencies, whereas a ref is just a container for a value
• Vue 3 no longer supports ref() for plain data

(12/15) In Vue 3, which special function do you call inside a <script setup> to specifically control what is exposed to parent components?

---

• defineExpose()
• exposeApi()
• exposeToParents()
• parentAccess()

(13/15) When would you prefer using the 'reactive()' function instead of multiple 'ref()' variables in Vue 3?

---

• You always use reactive() for booleans only
• When you don’t want to track changes at all
• When you need watchers to never trigger
• When you have a complex object or multiple related fields, bundling them into one reactive object can be more organized

(14/15) Which statement about <keep-alive> is correct regarding dynamic components in Vue 3?

---

• No difference from a normal <component> usage
• It only works with Teleport
• It forces the child component to remount every time it toggles
• It caches inactive components so their state is preserved between toggles

(15/15) If you want to register a plugin that provides globalProperties or directives to your Vue 3 app, how do you install it?

---

• Use defineExpose in the plugin file
• In watchers only
• Use app.use(MyPlugin) after createApp(...) is called
• Vue 3 does not support plugins

Submit