Vue JS Foundation of Vue Js 2

Question 1

Which Vue API style organizes logic by feature using a single setup() function?

Accepted Answer

Composition API

Answer

The Composition API groups related logic inside setup(), unlike the Options API which splits by data/methods/computed.

Question 2

What does the v-bind directive do in a Vue template?

Accepted Answer

Dynamically binds an attribute or prop to an expression

Answer

v-bind dynamically binds an HTML attribute or component prop to a JavaScript expression.

Question 3

Which shorthand represents the v-on directive?

Accepted Answer

@

Answer

The @ symbol is shorthand for v-on, used to attach event listeners.

Question 4

In Vue 3, what function creates a reactive primitive value?

Accepted Answer

ref()

Answer

ref() wraps a primitive in a reactive object accessed through its .value property.

Question 5

What is the purpose of the key attribute in a v-for loop?

Accepted Answer

To give Vue a hint for tracking node identity

Answer

The key helps Vue's virtual DOM efficiently track and reuse elements when the list changes.

Vue JS Practice Test