<div id="app">
  
  <input type="text" v-model="query"> Full Regular Expression Search (case insensitive)
  
  <ul>
    <li v-for="item in filteredItems">{{item}}</li>
  </ul>
  
</div>
new Vue({
  el:"#app",
  data:{
    query:'',
    items:['red','Apple','Banana','Orange','Facebook','Twitter','Youtube']
  },
  computed:{
    filteredItems:function()
    {
      var self=this;
      return self.items.filter(function(val){
        return Array.isArray( val.match( new RegExp(self.query, 'i') ) );
      }); 
    }
  }
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://unpkg.com/vue