Vue0.1程式碼怎麼加入Vue2.0使用

这次给大家带来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  '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中文網其他相關文章！