![4b5a3c3ed395a15e3bce59e4f49935f2.png](https://i-blog.csdnimg.cn/blog_migrate/2fd5726e8457f95493ac5b240c0479fe.jpeg)
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({ // ...})
当全局过滤器和局部过滤器重名时,会采用局部过滤器。
过滤器函数总接收表达式的值 (之前的操作链的结果) 作为第一个参数。在