详解vue过滤器在v2.0版本用法

1.x写法

rush:xhtml;">

但是2.0中已经废弃了过滤器，需要我们自定义

rush:js;">

//过滤器
Vue.filter('uppercase',function(value) {
if (!value) { return ''}
value = value.toString()
return value.charat(0).toupperCase() + value.slice(1)
})

var vm = new Vue({
el:'#app',data: {
message: 'test'
}
})

Vue.filter( id,[deFinition] )

参数：

{string} id {Function} [deFinition]

用法：

注册或获取全局过滤器。

rush:js;"> // 注册 Vue.filter('my-filter',function (value) { // 返回处理后的值 }) // getter，返回已注册的过滤器 var myFilter = Vue.filter('my-filter')

官方文档参考：

http://cn.vuejs.org/v2/api/#filters

http://cn.vuejs.org/v2/api/

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。