Vue JS Vue JS Reactivity System

Question 1

Which Vue 3 API function creates a deeply reactive object from a plain JavaScript object?

Accepted Answer

reactive()

Answer

ref()

Answer

computed()

Answer

shallowRef()

Question 2

What does ref() return in Vue 3?

Accepted Answer

A reactive reference object with a .value property

Answer

A plain JavaScript object

Answer

A computed property

Answer

A shallow reactive object

Question 3

Which function creates a reactive reference that only tracks the top-level property and does not deeply convert nested objects?

Accepted Answer

shallowReactive()

Answer

ref()

Answer

reactive()

Answer

toRef()

Question 4

What is the purpose of toRef() in Vue 3?

Accepted Answer

Create a ref linked to a property of a reactive object

Answer

Convert a ref to a reactive object

Answer

Deep-clone a reactive object

Answer

Disable reactivity on a value

Question 5

When does Vue's reactivity system NOT track a change automatically?

Accepted Answer

Directly assigning a new index to a raw array outside reactive()

Answer

Setting a property on a reactive object

Answer

Replacing a ref's .value

Answer

Pushing to a reactive array

Question 6

Which composable utility converts all properties of a reactive object into individual refs?

Accepted Answer

toRefs()

Answer

toRef()

Answer

unref()

Answer

isReactive()