Vue JS Project Components 5

Question 1

What is a dynamic component rendered with in Vue?

Accepted Answer

Answer

The built-in <component> element with :is renders a component chosen at runtime.

Question 2

Which built-in component preserves the state of a toggled component?

Accepted Answer

Answer

<KeepAlive> caches inactive component instances so their state is retained.

Question 3

What does <Teleport> let you do?

Accepted Answer

Render a component's markup elsewhere in the DOM

Answer

<Teleport> moves rendered content to a target location outside the parent's DOM tree.

Question 4

How are async components useful in a large project?

Accepted Answer

They enable code-splitting so chunks load on demand

Answer

Async components defer loading, splitting code into chunks fetched when needed.

Question 5

What is the function of <Suspense> with async components?

Accepted Answer

To show fallback content while async dependencies resolve

Answer

<Suspense> displays a fallback slot until nested async dependencies finish loading.

Vue JS Practice Test