vue基础3--过滤器

filter（过滤器）

Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。

过滤器分为全局过滤器和局部过滤器两种，一种是创建 Vue 实例之前全局定义过滤器，一种是在一个vue对象中创建filters属性。

局部过滤器（filters）

<span>{{age|changeAge}}</span>   //过滤器，如果age=18，返回年轻

filters:{
      changeAge(age){
      if(age==18){
           return '年轻'
             }
    }

过滤器支持参数传递，第一参数是管道符左侧参数，第二个参数是括号中的参数

<div id="app">
    <span>{{age|changeAge('ss','真')}}</span>   //支持多个参数

</div>


<script>
        var vm = new Vue({
            el:'#app',
            data:{
                age:18
            },
            filters:{
                changeAge(age,name,f){
                    if(age==18){
                    return name+f+'年轻'
                    }

                }
            }
        })
    </script>