Vue quiz

Test your Vue knowledge with a free interactive quiz — 50 questions with answers and explanations. No signup needed to play.

How do you render multiple distinct slot regions in one component?

1. How do you render multiple distinct slot regions in one component?
2. When rendering a list with `v-for`, why must each item have a `:key`?
3. Inside `<script setup>`, how do you read a `ref`?
4. Which three blocks does a Single File Component (`.vue`) typically contain?
5. What problem does `provide` / `inject` solve?
6. What is the shorthand for `v-bind:href="url"`?
7. What is the difference between `computed()` and `watch()`?
8. What does `<script setup>` give you over a plain `<script>` in a Composition API component?
9. Which directive performs two-way data binding on a form input?
10. How do you declare props in `<script setup>`?
11. In Composition API, which hook runs after the component is mounted to the DOM?
12. What is the shorthand for `v-on:click="handler"`?

More quizzes