Vue 过滤器

本文将介绍 Vue 中的过滤器功能。

一、什么是过滤器？

过滤器的作用是将格式化文本（读入文本，根据文本生成对应内容并返回），常用于字典功能。

二、定义过滤器

1. 编写过滤方法

1
2
3
function (value) {
  ···
}

2. 注册

局部注册：

1
2
3
4
5
6
7
8
<script>
export default {
  name: ···,
  filters: {
    过滤器名: 过滤方法
  }
}
</script>

全局注册：

1
Vue.filter(过滤器名, 过滤方法)

三、使用过滤器

在插值中使用：

1
{{ 表达式 | 过滤器名 }}

在 v-bind 表达式中使用：

1
v-bind:属性名="表达式 | 过滤器名"

参考