Vue(5)过滤器

全局过滤器

在script标签中 用全局方法Vue.filter()注册一个全局过滤器，他接受两个参数：过滤器名字 和 过滤器的定义语法。
过滤器函数以值为参数，返回转换后的值：

Vue.filter('name',function(value){
	return value.split(' ').reverse().join('')
})

data中的数据：

data:{
	message:'abc',
}

abc 转换 cba:

<span v-text="message | reverse"></span>

还可以加任意参数：

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

data中的数据：

data:{
	message:'hello',
}

‘hello’ => ‘before hello after’

<span v-text="message | wrap 'before' 'after'"></span>

私有过滤器

和data同级都在vue实例中：

filters ：{
	name :function(){
		
	},
}