Vue JS Components and Props

Question 1

How do you define a prop with a type validation in Vue 3 using the Options API?

Accepted Answer

props: { title: String }

Answer

props: [title: String]

Answer

data() { return { title: String } }

Answer

computed: { title: String }

Question 2

Which keyword is used in Vue 3 Composition API to declare props inside `<script setup>`?

Accepted Answer

defineProps

Answer

useProps

Answer

ref

Answer

reactive

Question 3

What is the correct way to pass a dynamic prop value in a Vue template?

Accepted Answer

:title="pageTitle"

Answer

title="pageTitle"

Answer

v-prop:title="pageTitle"

Answer

bind-title="pageTitle"

Question 4

In Vue 3, which of the following best describes one-way data flow for props?

Accepted Answer

Props flow from parent to child; child should not mutate them

Answer

Props flow from child to parent using v-model

Answer

Parent and child can both mutate shared props

Answer

Props are automatically two-way bound

Question 5

What does `inheritAttrs: false` do in a Vue 3 component?

Accepted Answer

Prevents non-prop attributes from being automatically applied to the root element

Answer

Stops the component from receiving any props

Answer

Disables prop type checking

Answer

Removes the component from the virtual DOM

Question 6

How do you validate that a prop is required and is of type Number in Vue 3?

Accepted Answer

props: { count: { type: Number, required: true } }

Answer

props: { count: Number! }

Answer

props: { count: [Number, required] }

Answer

required props: { count: Number }