Vue JS Project Components 4

Question 1

Which lifecycle hook runs after a component is added to the DOM?

Accepted Answer

mounted

Answer

mounted fires once the component has been inserted into the DOM.

Question 2

What does a computed property provide over a method?

Accepted Answer

Cached results that update only when dependencies change

Answer

Computed properties cache and recompute only when their reactive dependencies change.

Question 3

How do you create two-way binding on a custom component?

Accepted Answer

Use v-model on the component

Answer

v-model on a component sets up two-way binding via a prop and update event.

Question 4

Which hook is best for cleaning up timers or listeners before a component is removed?

Accepted Answer

beforeUnmount

Answer

beforeUnmount runs just before teardown, ideal for cleanup work.

Question 5

What is the role of the key attribute in a v-for list of components?

Accepted Answer

To give Vue a stable identity for efficient DOM updates

Answer

key gives each rendered item a unique identity so Vue can patch the DOM efficiently.

Vue JS Practice Test