基础

可以用全局方法 Vue.filter() 注册一个自定义过滤器，它接收两个参数：过滤器ID和过滤器函数。过滤器函数以值为参数，返回转换后的值：

Vue.filter('split0', function (value) {
  return value.split('.')[0];
})

html代码：

<div id="demo">{{msg|split0}}</div>

js代码：

Vue.filter('split0', function (value) {
  return value.split('.')[0];
})
var vm=new Vue({
  el: '#example',
  data:{
  msg:'2.0'}
})

过滤器函数可以接收任意数量的参数：

Vue.filter('wrap', function (value, begin, end) {
  return begin + value + end;
})

<!-- 'hello' => 'before hello after' -->
<span>{{msg | wrap 'before' 'after'}}</span>