这次给大家带来vue0.1代码怎么添加到vue2.0使用，vue0.1代码添加到vue2.0使用的注意事项有哪些，下面就是实战案例，一起来看一下。
将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);
}
};
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
js怎么在导航栏互相切换中英文
js正则快速记忆方法
以上就是vue0.1代码怎么添加到vue2.0使用的详细内容。