Vue JS Programming Standards 3

Question 1

What is the recommended order priority for component options/attributes in the Vue style guide?

Accepted Answer

A consistent, documented order such as name, components, props, data, computed, methods

Answer

A consistent ordering of options makes components easier to scan and maintain.

Question 2

Per Vue standards, how should you reference a base/global component to make it distinguishable?

Accepted Answer

Use a consistent prefix like Base, App, or V

Answer

Base components that are app-wide and presentational should share a common prefix for clarity.

Question 3

Why does the style guide recommend using directive shorthands consistently (either always or never)?

Accepted Answer

Mixing @ and v-on inconsistently reduces readability

Answer

Choosing one style for shorthands like @, :, and # keeps templates consistent and predictable.

Question 4

What does Vue recommend for components that should only ever have a single active instance, like a sidebar?

Accepted Answer

Begin the name with 'The' to indicate a singleton

Answer

Single-instance components are prefixed with 'The' (e.g., TheHeader) to signal there is only one.

Question 5

Per standards, how should tightly coupled child component names relate to their parent?

Accepted Answer

Start with the parent's name as a prefix

Answer

Child components coupled to a parent should include the parent name as a prefix (e.g., TodoListItem).

Vue JS Practice Test