<template>
  <div>
  search <input type="text" v-model="name" />
  <br><br>
    <div v-for="(item, index) in getData" :key="index">
      {{ item.name }}
      {{ item.address }}
      {{ item.tel }}
      <hr>
    </div>
  </div>
</template>

<script>
export default {
  name: 'test',
  data () {
    return {
      name: '',
      dataFilter: [
        {
          name: 'jon',
          address: '123 sos 32',
          tel: '0882132144'
        },
        {
          name: 'mint',
          address: 'xxx sos xee',
          tel: 'xxxxx'
        }
      ]
    }
  },
  mounted () {
    this.filterList = this.dataFilter
  },
  computed: {
    getData () {
      let text = this.name.trim()
      return this.dataFilter.filter(item => {
        return item.name.indexOf(text) > -1
      })
    }
  }
}
</script>