vue 过滤器

过滤器

Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插 值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管 道”符号指示：

使用场景：

1、双花括号中

<!-- 在双花括号中 -->
{{ c.price | currency('RMB') }}

filters: {
  currency(value, symbol = '￥') {
  	return symbol + value;
  }
}

2、v-bind中

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