SOURCE

var vm = new Vue({
  el: "#test",
  data: {
    message: 12
  },
  filters: {
    sum: function(value) {
      return Number(value) + 4;
    },
    cal: function(value, begin, xing) {
      return Number(value) + begin + xing;
    }
  }
});

<script src="https://cdn.bootcss.com/vue/2.6.11/vue.min.js"></script>
<div id="test">
  <p>
    {{message | sum}}
  </p>
  <p>
    {{message | cal(10,20)}}
  </p>
  <!--添加两个过滤器,注意不要冲突-->
  <input type="text" v-model="message">
  <!--用户从input输入的数据在回传到model之前也可以先处理-->
</div>