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

state()

Answer

reactive()

Answer

props()

Question 2

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

Accepted Answer

With the components option

Answer

With the imports option

Answer

With the use() method

Answer

With the register() hook

Question 3

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

Accepted Answer

MyComponent.vue (PascalCase)

Answer

my_component.vue

Answer

mycomponent.html

Answer

Component.js

Question 4

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

Accepted Answer

Answer

Answer

<style>

Answer

Question 5

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

Accepted Answer

Add the scoped attribute to <style>

Answer

Use a <local> tag

Answer

Set style: 'scoped' in options

Answer

Wrap CSS in a function

Question 6

What does a component need to do to be reusable across many parts of an app?

Accepted Answer

Accept props and emit events instead of relying on global state

Answer

Hard-code all its data

Answer

Avoid using a template

Answer

Only use inline styles

Question 7

Which directory commonly holds shared UI components in a Vue project?

Accepted Answer

src/components

Answer

src/assets

Answer

public

Answer

node_modules