<div id="app">
<div class="wrap mt-4">
<input type="text" class="form-control" placeholder="輸入內容" v-model="filterText">
<ul>
<li v-for="(item, key) in filterData" :key="item.age">
{{key}} {{item.name}}年紀是 {{item.age}} 歲
</li>
</ul>
</div>
</div>
var app = new Vue({
el:'#app',
data:{
arrayData:[
{
name: '小明',
age: 16
},
{
name: '漂亮阿姨',
age: 24
},
{
name: '力宏',
age: 35
},
],
filterText:'',
filterArray:[]
},
computed:{
filterData: function(){
var vm = this;
return vm.arrayData.filter(function(item){
return item.name.match(vm.filterText);
});
}
}
})
