ホームページ > ウェブフロントエンド > jsチュートリアル > Vue0.1のコードをVue2.0に追加して使用する方法

Vue0.1のコードをVue2.0に追加して使用する方法

php中世界最好的语言
リリース: 2018-04-18 17:07:29
オリジナル
1821 人が閲覧しました

这次给大家带来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正则快速记忆方法

以上がVue0.1のコードをVue2.0に追加して使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート