vue的过滤器
作用:过滤器:对内容(数据)进行过滤(二次处理)的方式
请看使用过滤器之后的代码
<body>
<div id="app">
<ul>
<li v-for='item of items'>
<span>名称:{{item.name}}</span>
<span>-</span>
<!-- 将第一个的结果以参数的形式传递到下一个 -->
<span>{{item.price | rmb("$")}}</span>
</li>
</ul>
</div>
</body>
<script>
//Vue.filter('过滤器名称',过滤方式)
Vue.filter('rmb',function(price,flag){
return`${flag}`+(price * 0.9).toFixed(2)
})
let app = new Vue({
el:'#app',
data:{
items:[
{id:1,name:'iphone',price:'88888'},
{id:1,name:'ipad',price:'777777'},
{id:1,name:'imac',price:'666666'}
]
},
methods:{
}
})
</script>
是否使用过滤的区别:
//函数式编程:r4(r3(r2(r1(ppt,1),2),3),4)
//过滤器:ppt|r1(1)|r2(2)|r3(3)|r4(4)
好了,这就是过滤器,简单的了解下。