一, api_user.js
import axios from 'axios';
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
let base = 'http://127.0.0.1:8081/';
export const requestLogin = params => { return axios.post(`${base}/spring/login`, params).then(res => res.data); };
export const requestUserrList = params => { return axios.post(`${base}/user/userList`, params).then(res => res.data); };
二, 在vue 中引入 api_user.js
import { requestUserrList } from '../api/api_user';
三,(=> )作用
箭头函数 看起来是匿名函数的简写。但是还是有不一样的地方。 箭头函数中的this是词法作用域, 由上写文确定
var obj = {
birth: 1990,
getAge: function () {
var b = this.birth; // 1990
var fn = function () {
return new Date().getFullYear() - this.birth; // this指向window或undefined
};
return fn();
}
};
箭头函数修复了this的指向, this 总是指向词法作用域, 也就是外层调用者obj:
var obj = {
birth: 1990,
getAge: function () {
var b = this.birth; // 1990
var fn = () => new Date().getFullYear() - this.birth; // this指向obj对象
return fn();
}
};
obj.getAge(); // 25