Calculado utilizando atributos calculados de vue, filtro de detección hecha

Después de que el valor de entrada de la caja de entrada, inmediatamente por debajo de la proyección de datos calificados
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)
      })
    }
  }
})