过滤器

过滤器，本质上就是一个函数。其作用在于用户输入数据后，它能够进行处理，并返回一个数据结果。

例： uppercase过滤器 : 将输入的字符串转换成大写字母的过滤器

过滤器可以用在两个地方：双花括号插值和v-bind表达式。

过滤器应该被添加在JavaScript表达式的尾部，由“管道” | 符号指示：

<!-- 在双花括号中 -->
{{ message | capitalize }}

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

• content | 过滤器,vue中没有提供相关的内置过滤器,可以自定义过滤器

• 组件内的过滤器 + 全局过滤器

  • 组件内过滤器就是options中的一个filters的属性（一个对象）
    • 多个key就是不同过滤器名,多个value就是与key对应的过滤方式函数体
  • Vue.filter(名,fn)

• 总结

  • 全局 ：范围大，如果出现同名时，权利小
  • 组件内: 如果出现同名时，权利大，范围小