Vue JS Project Components 2

Question 1

Which option in a Vue component holds reactive state when using the Options API?

Accepted Answer

data()

Answer

The data() function returns an object whose properties become reactive component state.

Question 2

How do you register a child component locally within a parent component?

Accepted Answer

With the components option

Answer

Local registration is done by adding the component to the components option object.

Question 3

What is the recommended way to name a single-file component file?

Accepted Answer

MyComponent.vue (PascalCase)

Answer

Vue style guide recommends PascalCase single-file component filenames ending in .vue.

Question 4

Which block of a single-file component contains the markup?

Accepted Answer

Answer

The <template> block holds the component's HTML markup.

Question 5

How can you scope CSS so it only applies to the current component?

Accepted Answer

Add the scoped attribute to <style>

Answer

Adding scoped to the <style> tag limits the styles to that component's elements.

Vue JS Practice Test