vue基础3--过滤器

Posted 2020-11-23 lsl1230

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 ‘年轻‘
             }
    }