×

×

Correct!

Exercise:

Which Vue specific component do we use when animating a single element?

<template> <h1>Add/Remove <p> Tag</h1> <button @click="this.exists = !this.exists">{{btnText}}</button><br> <Transition> <p v-if="exists">Hello World!</p> </Transition> </template>

<template> <h1>Add/Remove <p> Tag</h1> <button @click="this.exists = !this.exists">{{btnText}}</button><br> <transition> <p v-if="exists">Hello World!</p> </transition> </template>

Not Correct

Click here to try again.

Correct!

Next ❯

<template>
  <h1>Add/Remove <p> Tag</h1>
  <button @click="this.exists = !this.exists">{{btnText}}</button><br>
  <w3exercise_input_no_0
>
    <p v-if="exists">Hello World!</p>
  </w3exercise_input_no_1
>
</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