vue的过滤器

1)：字母操作: ---- 针对字符串

A:capitalize

B:uppercase

C:lowercase

2):limitBy,filterBy,orderBy处理并返回过滤后的数组，注意：该3个过滤器处理的表达式必须是数组

<!-- limitBy 限制数组为开始的前N个元素 -->
<!-- N由前一个参数决定，后一个参数可选，用于指定开始的偏移量，默认是0 -->


<!-- 只显示开始的前10个参数 -->
<div v-for="item in items | limitBy 10"></div>


<!-- 显示第5到15个元素 -->
<div v-for="item in items | limitBy 10 5"></div>

 filterBy：

1）静态参数

<!-- 字符串 -->
<div v-for="item in items | filterBy 'hello'"></div>


<!-- 单个对象 -->
<div v-for="item in items | filterBy 'hello' in 'name'"></div>


<!-- 多个对象，用空格分离 -->
<div v-for="item in items | filterBy 'hello' in 'name' 'nickname'"></div>


<!-- 数组 -->
<!-- fileds = ['a','b'] -->
<div v-for="item in items | filterBy 'a' in fileds"></div>

2）使用动态数值作为搜索条件

<div id="filter">
    <input v-model="name">


    <ul>
        <li v-for="user in users | filterBy name in 'name">{{user.name}}</li>
    </ul>
</div>


<script type="text/javascript">
    new Vue({
        el : '#filter',


        data : {
            name : '',
            user : [
                {name : 'a'},
                {name : 'b'}
            ]
        }
    })
</script>

<!-- 传入参数为字符串，可同时按照多个字符串，字符串之间用空格隔开 -->
<ul>
    <li v-for="user in users | orderBy 'a' 'b' 'c'">
        {{user.a}} {{user.b}} {{user.c}}
    </li>
</ul>

orderBy 用法
<!-- 将参数存入数组中 -->
<!-- sort = ['a','b','c'] -->
<ul>
    <li v-for="user in users | orderBy sort">
        {{user.a}} {{user.b}} {{user.c}}
    </li>
</ul>

4):current过滤器：将数值转化为货币形式输出，第一个参数接受类型为string，默认值是$  ;  第二个参数接受类型为Number的小数位，如不输入默认是2

注意：第一个参数采取默认，而第二个参数需要修改小数位，则第一个参数不省略，一定要填上，即使是默认也要填上

 {{amout | current}} {{amout | current '$'}} {{amout | current '$' 3}}