vue export default和export function区别

第一种
export default{
  login(data){
    return request({
      url:'/login',
      method:'post',
      data:data,
    })
  },
reg(data){
  return request({
    url:'/reg',
    method:'post',
    data:data,
  })
}
}

第二种

export function login (params) {
  return request({
    url: '/login',
    method: 'post',
    data: params
  })
},
export function reg (params) {
  return request({
    url: '/reg',
    method: 'post',
    data: params
  })
}

注：第一种使用方式有两种

列子：例如login.vue页面引入

方式一：第一种对应的引入方式  

import loginApi from "@/api/user.js";

import regApi from "@/api/user.js";

使用

loginBtn(){
  loginApi.login({mobile:this.mobileVal,password:this.passwordVal}).then(result=>{

  })
}
regBtn(){
  regApi.reg({mobile:this.mobileVal,password:this.passwordVal}).then(result=>{

  })
}

方式二：第一种对应的引入方式  

import Api from "@/api/user.js";

使用

loginBtn(){
  Api.login({mobile:this.mobileVal,password:this.passwordVal}).then(result=>{

  })
}
regBtn(){
  Api.reg({mobile:this.mobileVal,password:this.passwordVal}).then(result=>{

  })
}

第二种对应的引入方式  

import {login,reg} from "@/api/user.js";

使用

loginBtn(){
  login({mobile:this.mobileVal,password:this.passwordVal}).then(result=>{

  })
}
regBtn(){
  reg({mobile:this.mobileVal,password:this.passwordVal}).then(result=>{

  })
}