vue filter函数的用法_Vue.js教程（三）--过滤器

1. 简介

用来过滤模型数据，在显示之前进行数据处理和筛选语法：{
   {data | filter1(参数) | filter2(参数)}}

2.自定义过滤器

{
   { message | capitalize }}

可以在一个组件的选项中定义本地的过滤器：

filters: { capitalize: function (value) { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1) }}

或者在创建 Vue 实例之前全局定义过滤器：

Vue.filter('capitalize', function (value) { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1)})new Vue({ // ...})

当全局过滤器和局部过滤器重名时，会采用局部过滤器。

过滤器函数总接收表达式的值 (之前的操作链的结果) 作为第一个参数。在