通过同一过滤器中的两个属性进行Vue过滤器

// 定义一个自定义过滤器
Vue.filter('greeting', function (age, gender) {
  if (gender === 'male') {
    return age >= 18 ? '先生' : '小伙子';
  } else if (gender === 'female') {
    return age >= 18 ? '女士' : '小姑娘';
  } else {
    return '';
  }
});

// 在Vue实例中使用过滤器
new Vue({
  el: '#app',
  data: {
    userAge: 20,
    userGender: 'male'
  }
});

<div id="app">
  您好，这里是{{ userAge | greeting(userGender) }}。
</div>

Vue.filter('genderTitle', function (gender) {
  return gender === 'male' ? '先生' : gender === 'female' ? '女士' : '';
});

Vue.filter('ageTitle', function (age) {
  return age >= 18 ? '' : gender === 'male' ? '小伙子' : '小姑娘';
});

<div id="app">
  您好，这里是{{ userAge | ageTitle }}{{ userGender | genderTitle }}。
</div>