vue-过滤器

vue-过滤器

过滤器： 数据格式化， 比如，后端返回我们的数据格式是一个时间戳，

在页面中使用的时候需要变成真正的时间格式 2018-12-26

过滤器使用

<!-- 在双花括号中 -->
{{ time | filterTime }}

<!-- 在 `v-bind` 中 -->
<div v-bind:id="time | filterTime"></div>

全局过滤器

 //全局过滤器  内部必须要写return，默认符号为 - ，可以根据自己的需要传值
 Vue.filter("filterTime", function (val,option='-') {
     let date = new Date(val);
     return date.getFullYear() + option + (date.getMonth() + 1) + option + date.getDate();
    })
//结果：2020-8-13

//当传入参数时  filterTime（/）
//结果为：2020/8/13

局部过滤器

new Vue({
        el:"#app",
        data:{
          money:100
        },
        filters:{ //局部的过滤器
          filterMoney(money,option='$'){
            return option+money
          }
        }
      })
结果：$100