使用vue的computed 計算屬性，filter 做篩選

輸入框輸入值之後，立馬篩選下邊符合條件的數據
html

  <div id="app">
    <input type="text" v-model="val">
    <ul>
      <li v-for="(item,index) in dataSource">
        {{item.name}}
      </li>
    </ul>
  </div>

js

new Vue({
  el:'#app',
  data:{
    list:[
      {
        name:'a12313123',
      },
      {
        name:'d123245',
      },
      {
        name:'c1245s',
      },
      {
        name:'b521254',
      },
    ],
    val:''
  },
  computed:{
    dataSource(){
      return this.list.filter(k=>{
        return k.name.match(this.val)
      })
    }
  }
})