Check out a free preview of the full Introduction to Vue.js course:
The "Challenge 6: Filter" Lesson is part of the full, Introduction to Vue.js course featured in this preview video. Here's what you'd learn in this lesson:

In this challenge, students use filters to manipulate the rendered data.

Get Unlimited Access Now

Transcript from the "Challenge 6: Filter" Lesson

[00:00:00]
>> Sarah: This exercise, if you do wanna do it on your own, was basically to make a filter that says based on whatever number is here, you have first, second, third, fourth, or fifth place. Because you don't wanna say you won to place and with this like V model number input.

[00:00:18] And then there was a custom directive that just changed the color to whatever color the user said. So, it would be like V color red, or V color magenta, and it could change the color.