将Vue0.1里的过滤代码添加到Vue2.0，方法很简单，具体内容如下
varfilters = {
orderBy: orderBy,
filterBy: filterBy,
limitBy: limitBy,
/**
* Stringify value.
*
* @param {Number} indent
*/
json: {
read:functionread(value, indent) {
returntypeofvalue ==='string'? value : JSON.stringify(value,null, Number(indent) || 2);
},
write:functionwrite(value) {
try{
returnJSON.parse(value);
}catch(e) {
returnvalue;
}
}
},
/**
* 'abc' => 'Abc'
*/
capitalize:functioncapitalize(value) {
if(!value && value !== 0)return'';
value = value.toString();
returnvalue.charAt(0).toUpperCase() + value.slice(1);
},
/**
* 'abc' => 'ABC'
*/
uppercase:functionuppercase(value) {
returnvalue || value === 0 ? value.toString().toUpperCase() :'';
},
/**
* 'AbC' => 'abc'
*/
lowercase:functionlowercase(value) {
returnvalue || value === 0 ? value.toString().toLowerCase() :'';
},
/**
* 12345 => $12,345.00
*
* @param {String} sign
*/
currency:functioncurrency(value, _currency) {
value = parseFloat(value);
if(!isFinite(value) || !value && value !== 0)return'';
_currency = _currency !=null? _currency :'$';
varstringified = Math.abs(value).toFixed(2);
var_int = stringified.slice(0, -3);
vari = _int.length % 3;
varhead = i > 0 ? _int.slice(0, i) + (_int.length > 3 ?',':'') :'';
var_float = stringified.slice(-3);
varsign = value < 0 ?'-':'';
returnsign + _currency + head + _int.slice(i).replace(digitsRE,'$1,') + _float;
},
/**
* 'item' => 'items'
*
* @params
* an array of strings corresponding to
* the single, double, triple ... forms of the word to
* be pluralized. When the number to be pluralized
* exceeds the length of the args, it will use the last
* entry in the array.
*
* e.g. ['single', 'double', 'triple', 'multiple']
*/
pluralize:functionpluralize(value) {
varargs = toArray(arguments, 1);
returnargs.length > 1 ? args[value % 10 - 1] || args[args.length - 1] : args[0] + (value === 1 ?'':'s');
},
/**
* Debounce a handler function.
*
* @param {Function} handler
* @param {Number} delay = 300
* @return {Function}
*/
debounce:functiondebounce(handler, delay) {
if(!handler)return;
if(!delay) {
delay = 300;
}
return_debounce(handler, delay);
}
};
相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！
推荐阅读：
js怎么在导航栏互相切换中英文
js正则快速记忆方法