Vue JS Programming Standards 4

Question 1

In Vue 3 Composition API, what is the convention for naming composable functions?

Accepted Answer

Prefix with 'use', e.g., useMouse

Answer

Composables follow the 'use' prefix convention to signal reusable stateful logic.

Question 2

Why does the style guide recommend simple expressions in templates rather than complex logic?

Accepted Answer

Complex logic belongs in computed properties for readability and reuse

Answer

Moving complex expressions into computed properties keeps templates declarative and maintainable.

Question 3

What does Vue recommend regarding shorthand vs full names for slot directives?

Accepted Answer

Use the # shorthand consistently for named slots

Answer

The # shorthand for v-slot should be used consistently when adopting shorthands.

Question 4

Per standards, when defining 'emits' in a Vue 3 component, why declare them explicitly?

Accepted Answer

It documents the component's events and validates payloads

Answer

Declaring emits documents the public event API and separates component events from native listeners.

Question 5

What is the recommended practice for prop mutation inside a child component?

Accepted Answer

Never mutate props directly; use local data or computed

Answer

Props are one-way; mutating them breaks the data flow, so copy into local state instead.

Vue JS Practice Test