当前位置:首页 > 技术分析 > 正文内容

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

ruisui883个月前 (01-16)技术分析22

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

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

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/336.html

分享给朋友:

“前端框架 Vue 不要一开始就用脚手架~Axios 中的GET、POST请求” 的相关文章

vue中如何在自定义组件上使用v-model和.sync

自定义事件tips推荐始终使用 kebab-case 的事件名。(v-on会将事件名自动转换为小写,避免匹配不到)changeData ×change-data √自定义组件的v-model用法:父组件定义数据源(不需要定义修改数据的方法),在子组件标签上通过v-model="data...

gitlab 分支保护设置

一、功能描述代码管理中管理,我们把稳定的分支设置为保护,可以防止其他人员误操作(例如删除,合并,推送代码等)。二、Gitlab配置步骤1 点击项目Repository标签2.点击Expand标签3.配置如下:默认master是被保护的,而且只有维护人员具有推送和合并权限。设置保护分支,这里的beta...

Gitlab+Jenkins通过钩子实现自动部署web项目,图文详细教程

扩展参考:Jenkins+Gitlab通过脚本自动部署回滚web项目至集群 一:基础环境介绍及准备1):Gitlab服务器:ubuntu 192.168.152.131 ---参考搭建:Linux安装gitlab,docker安装gitlab教程2):Jenkins服务器:ubunu 192.168...

继Yuzu后,任天堂要求移除多个Switch模拟器项目

IT之家 7 月 11 日消息,任天堂美国分公司 (Nintendo of America) 已要求移除多个用于模拟 Nintendo Switch 游戏的开源模拟器项目,其中包括 Suyu、Nzu、Uzuy、Torzu、Sudachi 和 Yuzu-vanced 等。这些模拟器均被指控包含绕过任天...

快速掌握 Git:程序员必会的版本控制技巧

在现代软件开发中,版本控制系统(VCS)是开发人员不可或缺的工具。无论是个人项目,还是多人协作的团队开发,良好的版本控制都能确保代码管理的高效性与稳定性。而在版本控制系统中,Git 凭借其分布式、灵活性和高效性,成为了最流行的工具之一。几乎所有的开发团队都在使用 Git 来管理代码版本、协作开发和追...

2024年,不断突破的一年

迈凯伦F1车队不久前拿下了2024年度总冠军,距离上一次还是二十几年前。在此期间,另一领域内,一个充满革新活力的腕表品牌——RICHARD MILLE理查米尔,正不断发展,与F1运动、帆船、古董车展等领域,共享着对速度与极限的无尽向往。RICHARD MILLE的发展与F1车手们在赛道上的卓越表现交...