【Vue初体验】UI工具+axios与后台相连

本文主要是介绍【Vue初体验】UI工具+axios与后台相连，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

帮学姐写系统中的一个功能组件，第一次接触了Vue，感觉很好上手，而且可使用的工具也很多，好记性不如烂笔头，小小记录一下～

UI组建库：Element，个人很喜欢了，好看又好用。

https://element.faas.ele.me/#/zh-CN

axios：一个基于 promise 的 HTTP 库。https://www.kancloud.cn/yunye/axios/234845

GET方式：

axios.get('/user', {params: {ID: 12345}}).then(function (response) {console.log(response);}).catch(function (error) {console.log(error);});

不带参数

axios.get("url", {datatype: "jsonp",headers: {"Content-Type": "application/x-www-form-urlencoded"}}).then(res => {console.log(res.data);//数据在res.data中，此处处理数据});

POST方式：（使用了qs插件）

axios.post("url",qs.stringify({id: this.id})).then(function(response) {console.log(response);alert("成功！");}).catch(function(error) {console.log(error);alert("error!");});

这篇关于【Vue初体验】UI工具+axios与后台相连的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---