使用computed 方法来过滤筛选数据;也可以使用methods 方式来筛选过滤数据
代码如下:
<body>
<div id="app">
<ul>
<li v-for="item in list">{{item.n}}</li>
</ul>
<ul>
<li v-for="item in listCmputed">{{item.n}}</li>
</ul>
<ul>
<li v-for="item in listMe(list)">{{item.n}}</li>
</ul>
</div>
</body>
<script>
var app=new Vue({
el:'#app',
data:{
list:[{n:11},{n:22},{n:33},{n:44},{n:55},{n:66}],
},
computed:{
listCmputed:function(){
return this.list.filter(function(item){
return item.n>=33
})
} / /44,55,66
},
methods:{
listMe:function(list){
return list.filter(function(item){
return item.n<=33
})
} / /11,22,33
}
})
</script>