过滤器

1、注意事项
  过滤器可以用在两个地方:双花括号插值和v-bind表达式

2、使用语法  

{{name | 过滤器的名字 }}
// 可以有多个过滤器
{{name | 过滤器的名字 | 其他的过滤器的名字 | ...}}
 // 可以传参
 {{name | 过滤器的名字(参数)}}

 

3、全局定义

Vue.filter("过滤器的名字",function (data,...其他参数){
  return "最终显示的值"
})

4、私有定义

new Vue({
  filters:{
    // key: 过滤器的名字
    // value: 处理函数
    名字:function(data,...其他参数){
      return '最终的结果"
    }
  }
})

 

posted @ 2020-09-07 19:29  靡荼  阅读(108)  评论(0编辑  收藏  举报