Vue过滤器-filter

Vue中的过滤器不能替代Vue中的methods、computed或者watch，因为过滤器不改变真正的data，而只是改变渲染的结果，并返回过滤后的版本。在很多不同的情况下，过滤器都是有用的，比如尽可能保持API响应的干净，并在前端处理数据的格式。在你希望避免重复和连接的情况下，它们也可以有效地封装成可重用代码块背后的所有逻辑。

过滤器作用：让要显示在页面上的内容进行重新筛选

Vue过滤器分全局过滤器和组件过滤器

全局过滤器

定义

// 第一个参数是需要过滤的数据.
// 第二个参数是给过滤器传递的值.
  Vue.filter('global-filter',(val,...args)=>{
   
    console.log(`需要过滤的数据是:${
     val}`)
    return val + ' 过滤器追加的数据'
  })

   var app = new