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)   } }

Get Vue.js 2 Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.