Vue.js 过滤器是一种用于转换数据格式的工具， 它Neng在模板中对数据进行预处理，使数据kan得出来得geng加符合需求。

过滤器的基本用法

在Vue.js中，过滤器通过在模板中用管道符进行调用。比方说：

html {{ message | reverse }}

这里的reverse是一个过滤器，它将message的值反转。

定义全局过滤器

在Vue构造函数中， Neng在filters属性下定义全局过滤器：

javascript new Vue({ // ... filters: { uppercase: function { return value.toUpperCase; } } });

然后在模板中用：

html {{ 'hello world' | uppercase }}

链式调用

Vue.js 允许用优良几个过滤器进行链式调用：

这里reverse过滤器将字符串反转，然后后来啊传递给uppercase过滤器，将其转换为巨大写。

局部过滤器只适用于当前组件：

过滤器与计算属性

虽然过滤器Neng用来进行数据转换， 但它们通常不用于麻烦的数据处理，基本上原因是它们不具备缓存机制。对于麻烦的数据处理， 推荐用计算属性：

javascript computed: { reversedMessage { return this.message.split.reverse.join; } }

html {{ reversedMessage }}

自定义过滤器

除了内置的过滤器，你还Neng自定义过滤器来满足特定需求：

javascript Vue.filter { return currency + value.toFixed; });

html {{ 1234.5678 | currency }}

Vue.js 过滤器是一种轻巧松而有力巨大的工具，Neng用来简化模板中的数据转换和格式化。只是对于geng麻烦的数据处理，推荐用计算属性或方法。通过合理用过滤器，Neng使得模板geng加简洁，一边也使得数据展示geng加灵活。