Home > Web Front-end > JS Tutorial > How to add Vue0.1 code to Vue2.0 for use

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

php中世界最好的语言
Release: 2018-04-18 17:07:29
Original
1829 people have browsed it

这次给大家带来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);
 }
 };
Copy after login

                                        

相信看了本文案例你已经掌握了方法,更多精彩请关注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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template