×

×

Correct!

Exercise:

Provide the missing code so that the class is set equal to the 'className' data property, using a Vue directive shorthand.

<div :class="className"> The class is set with Vue </div>

Not Correct

Click here to try again.

Correct!

Next ❯

<div w3exercise_input_no_0
="className">
  The class is set with Vue
</div>

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