VueJs 2 vs JQuery Comparision - vue

index.html

<!-- https://youtu.be/HQDkXTlgY14 -->

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

script.js

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

scripts

<script src="https://unpkg.com/vue"></script>

vuejs-2-vs-jquery-comparision-vue.markdown

VueJs 2 vs JQuery Comparision - vue

A Pen by thinsoldier on CodePen.

License.