VUE过滤器filter的用法

比如有时候我们想让某个数值，保留一位小数展示，就可以使用过滤器，超级方便，用法如下：

第1步，定义过滤器filters：

<script>
export default {
  name: 'SupplierDetailPopup',
  data () {
     return{
        distance: 5
    }
  }
  filters: {
    // 保留一位小数
    keepOnePoint (value) {
      const tempVal = Number(value).toFixed(1)
      return tempVal
    }
  }
}
</script>

第2步，使用过滤器：

<span>{{distance | keepOnePoint}}</span>

就是这么简单！