×

×

Correct!

Exercise:

The line below in main.js adds a component to our Vue project:

app.component('fish-type', FishType)

How can we add this component to App.vue?

<template> <h1>Fish</h1> <fish-type/> </template>

<template> <h1>Fish</h1> <fish-type></fish-type> </template>

<template> <h1>Fish</h1> <fish-type /> </template>

Not Correct

Click here to try again.

Correct!

Next ❯

<template>
  <h1>Fish</h1>
  w3exercise_input_no_0

</template>

Completed 0 of 54 Exercises:

VUE Get started

Exercise 1 Exercise 2 Exercise 3 Go to VUE Get started Tutorial

VUE Directives

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Exercise 7 Exercise 8 Exercise 9 Exercise 10 Exercise 11 Exercise 12 Exercise 13 Exercise 14 Go to VUE Directives Tutorial

VUE Methods

Exercise 1 Exercise 2 Exercise 3 Go to VUE Methods Tutorial

VUE Computed

Exercise 1 Exercise 2 Go to VUE Computed Tutorial

VUE Watchers

Exercise 1 Exercise 2 Exercise 3 Go to VUE Watchers Tutorial

VUE Scaling up

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to VUE Scaling up Tutorial

VUE Components

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Exercise 7 Exercise 8 Go to VUE Components Tutorial

VUE Slots

Exercise 1 Exercise 2 Exercise 3 Go to VUE Slots Tutorial

VUE Refs

Exercise 1 Exercise 2 Go to VUE Refs Tutorial

VUE Lifecycle hooks

Exercise 1 Exercise 2 Go to VUE Lifecycle hooks Tutorial

VUE Provide/Inject

Exercise 1 Exercise 2 Go to VUE Provide/Inject Tutorial

VUE Routing

Exercise 1 Exercise 2 Go to VUE Routing Tutorial

VUE Animations

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to VUE Animations Tutorial

VUE Build

Exercise 1 Exercise 2 Go to VUE Build Tutorial