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) {.
·
第一种 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=>{ }) }
更多推荐
已为社区贡献2条内容
所有评论(0)