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

boyanx3个月前技术教程15

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

相信不少人和 @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 入门小案例~记事本

相关文章

jQuery入门看这一篇就够了!超详细!(二)

“这里是云端源想IT,帮你轻松学IT”嗨~ 今天的你过得还好吗?先变成自己喜欢的模样,再去遇见无需取悦的人。- 2023.06.12 -上期给大家讲解了jQuery的基础概念和核心函数中选择器的使用,...

教你把百度的关键字搜索偷过来用用。

话不多说,先上效果图。怎么样,是不是和在用百度一下时,关键字搜索补全一样一样的。今天下午没什么事,打开百度首页的Newwork看了一下,发现我每次输入内容后,它都会把我们输入的内容发送到后台,后台返回...

介jquery.validate.js简单实用的表单验证框架

最近在做用户登录、注册、以及用户中心...然后之前在慕课网学的jquery.validate用得着地方了,根据自己需求进行了细节修改,重要是样式方面吧。第一次发表这些,说得不好不要介意,开始吧。首先:...

前端三剑客:HTML、CSS 和 JavaScript

#头条创作挑战赛#一个基本的网站包含很多个网页,每个网页主要是由三部分组成,即结构(HTML)、表 从入门到精通 Python网络爬虫框架Scrapy 12 现(CSS)和行为(JavaScript)...

百度竞价网呼代码:怎么在一个页面里面多处输入回拨功能

最近的百度对于恶意代码查的也严格,行业人都懂得,但是用百度自己的产品都没有关系,早在一年前百度竞价的网呼代码应用的很多地方。今天来说说怎么灵活试用百度的网呼代码,而不是单单后台设置下那种简单的页面,没...

Katalon 所有关键字及其含义

以下为katalon所有关键字及其含义,具体可参考官方文档:序号关键字含义1Accept Alert接受当前弹窗(如确认对话框)。2Authenticate处理 HTTP 基础认证(输入用户名和密码)...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。