开发中的一些代码成长

1.封装请求

/**
   * 获取用户信息接口
   * @param {*} success 成功后的fun ret===1
   * @param {*} fail 失败的fun ret!=1
   * @param {*} wait 获取数据后的fun
   * @param {*} token 
   */
getUserShareInfo(obj,success, fail,wait,token) {
//判断有没有登录
    if(cookie.get('userInfo')){
      let userInfo = JSON.parse(cookie.get('userInfo'));
        $post('/users/share/gift',obj,{},token ? token : cookie.get('token')).then(res => {
          console.log(res.data)
          //判断返回值
          if (res.data.ret == 1) {
            console.log('success')
            if (success) {
            	userInfo.level = res.data.data.level;
              userInfo.order_num = res.data.data.order_num;
              userInfo.complete_order = res.data.data.complete_order;
              userInfo.money = res.data.data.money;
              userInfo.task_price = res.data.data.task_price;
              userInfo.task_status = res.data.data.task_status;
              userInfo.frozen_price = res.data.data.frozen_price;
              userInfo.frozen_rate_price = res.data.data.frozen_rate_price;
              userInfo.complete_total_price = res.data.data.complete_total_price;
              userInfo.complete_yesterday_price = res.data.data.complete_yesterday_price;
              userInfo.order_num = res.data.data.order_num;
              userInfo.money_locked = res.data.data.money_locked
              userInfo.userimg = res.data.data.userimg
              success(userInfo);
              cookie.set('userInfo', JSON.stringify(userInfo));
            }
            //存数据
            localStorage.setItem('teamList',JSON.stringify(res.data))
            //是否有传参（主要是看功能需求有没有这种需求，这个接口有两个功能一个需要传参一个不需要）
            if(obj){
            
            }
          } else {
            if (fail) {
              fail(res.data.msg)
            }
          }
          return res;
        }).then((res)=>{
          if(wait){
            wait()
          }
        }).catch(err => {
          if (fail) {
            fail(err)
          }
        })
      // }
    }else{
      if(fail){
        fail('Not logged in!');
        // fail();
      }
    }
  },

在mainjs中挂载

import { Api } from '@/api'

Vue.prototype.$api = Api;

在vue文件中使用

this.$api.getUserInfo(
        (res) => {
         xxx
        },
        (err) => {
          xxx
        }
      );

2.methods中可以这样写方法,每一种代码习惯都有优缺点，没有必要一定要这样或者那样哦

// 点击事件
    clickFn(code) {
      switch (code) {
        case 'register': //注册
          
          break;
        case 'forgetpassword': //忘记密码
          
          break
        case 'login': //登录
          
          break
      }
    },

3.uniapp中在不同设备下跑不同的代码

// #ifdef  APP-PLUS
	....
// #endif
		
// #ifdef  H5
	....
// #endif