Vue2.0 注册过滤器Vue.filter
Vue.filter( id, [definition] )
-
参数:
{string} id
{Function} [definition]
-
用法:
注册或获取全局过滤器
1 // 注册 2 Vue.filter('my-filter', function (value) { 3 // 返回处理后的值 4 }) 5 // getter,返回已注册的过滤器 6 var myFilter = Vue.filter('my-filter')
根据上一遍笔记,可以在新的Vue2.0里面注册过滤器
栗子-过滤money
1 Vue.filter('currency', function(value, _currency) { 2 var digitsRE = /(\d{3})(?=\d)/g; 3 value = parseFloat(value); 4 if (!isFinite(value) || !value && value !== 0) return ''; 5 _currency = _currency != null ? _currency : '$'; 6 var stringified = Math.abs(value).toFixed(2); 7 var _int = stringified.slice(0, -3); 8 var i = _int.length % 3; 9 var head = i > 0 ? _int.slice(0, i) + (_int.length > 3 ? ',' : '') : ''; 10 var _float = stringified.slice(-3); 11 var sign = value < 0 ? '-' : ''; 12 return sign + _currency + head + _int.slice(i).replace(digitsRE, '$1,') + _float; 13 })