Exercise v3.0

×

×

Correct!

Fill in the missing part to connect the class attribute to the "myClass" data property.

<p @(6):class="myClass"></p>

<p v-bind:class="myClass"></p>

<p :class="myClass"></p>

Not Correct

Click here to try again.

Correct!

Go to w3schools.com

Reset Score

Close This Menu

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 properties

Exercise 1 Exercise 2 Go to VUE Computed properties 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

×

Reset the Score?

This will reset the score of ALL 54 exercises.

Are you sure you want to continue?

×

Congratulations!

You have finished all 54 VUE exercises.

Share your score: