vue 中filter（过滤器）的使用

       今天修改bug过程中，看到前同事的项目代码中，发现定义了一个 fliters，很奇怪，这是啥？过滤器？网上查了一下确实叫vue自定义过滤器，初始我以为和js的Array中 filter()过滤器一样，过滤符合标准的变量之类的，结果看过vue的fliter文档之后发现似乎不仅仅是这样。

    最开始，我觉得，这算啥过滤器啊，这不应该叫数据处理器吗？为啥这么说，下面就来看看它的用法。

1、定义

 (1)全局定义：

Vue.filter('percentGet', function (val) {

  var str = Number(val * 100).toFixed(2)
          str += '%'
          return str

})

(2)局部定义：

      filters:{
        // 百分比处理
        percentGet (val) {
          let str = Number(val * 100).toFixed(2)
          str += '%'
          return str
        }
      },

   注意：全局注册时是filter。而组件过滤器是filters，写错不报错但过滤器无效果。

  简单介绍一下过滤器的定义的基本写法。下面先看一下调用方法