vue过滤器

1）加入管道符“|”,过滤器就会生效

（capitalize这个过滤器，会将字符串的首字母大写）

<div id="app">  
    {{{html|capitalize}}}  
</div>  
<script>  
    var vm = new Vue({  
        el: "#app",  
        data: {  
            html: "abc",  
            val: "11"  
        }  
    })  
</script> 

输出Abc

如果是汉字，数字，或者是本身是首字母大写，则无反应。

2）过滤器不能充当表达式使用，因此不能在表达式内使用过滤器，只能在表达式的后面使用。

{{html[0]|capitalize}}  是可以的，会输出html的首个字母并将其大写；

(html|capitalize)[0]  是会报错的（不加括号也报错），说明，不能将过滤器视为表达式的一部分

3）过滤器可以加参数。

第一个参数：固定为表达式的值（被过滤目标）；

第二个参数，过滤器后面的第一个单词；

第三个参数，过滤器后面的第二个单词，依次类推。

 

参数加引号则视为字符串，参数不加引号则视为表达式，表达式的值作为参数传递给过滤器。