所谓的vue过滤器就是将数据进⾏⼆次处理,得到我们想要的结果数据
vue的过滤器分为两种,第⼀种是全局过滤器,通过vue.filet来进⾏定义,第⼆种是局部过滤器,需要定义在组件内部
项⽬中我们通过过滤器将后台返回的状态0 和1 转化为⽀付或者未⽀付
<ul>
<li v-for="(item,index) in arr" :key="index">{{item | showName}}</li>
<!-- 如果不写key 值 当你改变其中的一个值的时候,重新把所有的循环节点渲染一遍 -->
</ul>
filters:{
showName(val){ // this 过滤器里面 this 指向的不再是vue实例了
let arr = [
{name:'鲁智深',val:'花和尚'},
{name:'宋江',val:'及时雨'},
{name:'林冲',val:'豹子头'},
{name:'杨志',val:'青面兽'},
{name:'武松',val:'行者'}]
return arr.find(item => item.val == val).name;
}
}