欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Vue0.1代码怎么添加到Vue2.0使用

程序员文章站 2022-04-13 14:57:29
...
这次给大家带来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使用的详细内容,更多请关注其它相关文章!