Filtering a list with a computed property

With the earlier version of Vue, filters were used in the v-for directives to only extract some values. They are still called filters, but they are not used in this sense anymore. They are relegated to the role of post-processing for text. To be honest, I never really understood how to use filters in Vue 1 with lists, but that won't be a problem in version 2 because the only proper way to filter a list is to use computed properties.

With this recipe, you will be able to filter your list from the simplest to-do list to the most complex bills-of-materials of a spaceship.

Getting ready

You should have some familiarity with Vue lists and know the basics of computed properties; if you don't, the Writing lists and Learning how to use computed properties recipes will get you covered.

How to do it...

To get started with this recipe, we need an example list from which to filter our favorite elements. Let's suppose we work for the ACME Research and Development...