Vue.js 2 Cookbook

There's more...

It turns out we'd like to reproduce such experiments but we are on a budget; anything over 3,000,000 euro is off limits for us. Let's build a filter for that:

lowCost () {   return this.experiments.filter(exp => exp.cost <= 3) }

If we use this filter instead of the previous one, we still have the Do-It-Yourself Particle Detector physics experiment lying around. Since we don't like physics, we'd like to combine the two filters.

In the old version of Vue, you could just pipe the two filters inside v-for; here, we will move the computed properties we just created down in the methods aisle and turn them into pure functions:

methods: {   nonPhysics (list) {     return list.filter(exp => exp.field !== 'Physics')   },  lowCost (list) ...