SOURCE

let vm = new Vue({
  el: "#app",
  data: function () {
    return {
      message: "test",
      url: 'www.jsrun.net'
    }
  },
  filters: {
    capitalize: function (val) {
      return val.charAt(0).toUpperCase() + val.slice(1)
    },
    reverse: function (val) {
      return val.split('').reverse().join('')
    },
    addProtocol: function (val, protocol) {
      return protocol + val
    }
  }
})

<div id="app">
  <p>{{ message }}</p>
  <p>{{ message | capitalize }}</p>
  <p>{{ message | capitalize | reverse }}</p>
  <!-- 利用'管道'连接，可带其他参数，一般用于文本格式化，可用于v-bind -->
  <a :href="url | addProtocol('http://')">jsrun</a>
</div>