前端框架 Vue 不要一开始就用脚手架~Axios 中的GET、POST请求

大家好，欢迎来到IT知识分享网。

作为后端攻城狮，写前端代码是一种什么体验？

相信不少人和 @Python大星 一样，有写过前端代码的经历。

记录一下，Vue 框架开发中“啼笑皆非”的故事，非专业前端人员，该案例无 css 美化，引起不适，请见谅，如有不当之处，请指出，不甚感激！

1、什么是 Axios ？

Vue2.0之后，尤雨溪推荐大家用 axios 替换 JQuery ajax。我们可以把它理解为 ajax 。

2、前期知识

如果你 Vue 的基础语法还不熟悉，强烈建议你先看 @Python大星 另一篇文章 >>>

Vue 00 —— 初识 Vue，从放弃到入门

3、使用 Axios 中的 GET 请求 — 无参

值得注意的地方：

① 引入 axios.min.js 这个 js 文件

② 使用箭头函数

这样在 axios get 请求里才能获取到 this

4、使用 Axios 中的 POST 请求 — 有参

值得注意的地方：

① 引入 axios.min.js 这个 js 文件

② 使用箭头函数

③ post 参数在第二个参数处，用{} 包起来

④ v-model 双向绑定获取输入框的值

后记：

最近很多小伙伴的留言非常中肯，建议直接使用脚手架。@Python大星 作为一名后端程序猿，node.js 和 webpack 语法基本不清楚，直接脚手架一脸懵逼。现在有空可以先熟悉下 vue 和 node 的语法，再使用脚手架，至于 webpack 可以跳过。你觉得呢？当然如果你时间比较紧凑，可以直接撸项目。

>>>Vue 01 —— Vue 入门小案例~记事本