将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正则快速记忆方法