vue过滤器

所谓的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;
    }
  }