How to add Vue0.1 code to Vue2.0 for use

这次给大家带来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 ?&#39;-&#39;:&#39;&#39;;
  returnsign + _currency + head + _int.slice(i).replace(digitsRE,&#39;$1,&#39;) + _float;
 },
 
 /**
  * &#39;item&#39; => '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);
 }
 };

                                        

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

js怎么在导航栏互相切换中英文

js正则快速记忆方法

The above is the detailed content of How to add Vue0.1 code to Vue2.0 for use. For more information, please follow other related articles on the PHP Chinese website!