Vue.js 2 Cookbook

How it works...

The nonPhysics computed property will contain a copy of our array with the processing specified inside. It will simply check for experiments with fields that are not Physics and pass the new array to be rendered as a list.

As you can see, the filtering is totally arbitrary. We could take, instead of the word Physics, a word from a variable that in turn is taken from a textbox:

<input v-model="term"> // HTML  // inside the Vue instance data: {   term: '' }, computed: {   allExceptTerm () {     return this.experiments       .filter(exp => exp.field.indexOf(this.term) === -1)   } }