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

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

zonemu3个月前 (07-16)技术文章34

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

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

相关文章

Vue状态管理:Pinia完整指南(状态管理vuex)

概述本文专注于Vue的状态管理。我们将深入探讨如何使用Pinia来管理Vue应用程序的状态。状态管理使用props和emit进行父子组件间的数据协作虽然方便,但在以下情况下可能不够充分,数据传递往往会...

零基础开始学 Web 前端开发,有什么建议?(附视频教程)

WEB前端看似简单,其实不然,要学的知识点很多很杂,对于零基础学习前端的小伙伴来说,一份详细的前端学习知识点大纲尤为重要。下面,话不多说,直接上干货(全网最全,没有之一)。PS:文末有福利(全阶段视频...

前端React面试基础系列(React基础篇)

本文阅读8分钟,喜欢的小伙伴可以持续关系小编哦1. 什么是受控组件和非受控组件?受控组件像表单元素在用户输入时,像<input> <select>等元素需要绑定一个 chang...

git的几种分支模式(git分支的概念)

编写代码,是软件开发交付过程的起点,发布上线,是开发工作完成的终点。代码分支模式贯穿了开发、集成和发布的整个过程,是工程师们最亲切的小伙伴。那如何根据自身的业务特点和团队规模来选择适合的分支模式呢?本...

K8s 的 Namespace 到底解决了什么问题?

在 Kubernetes 的世界里,资源调度、服务编排以及自动化运维构成了它强大的基础架构能力。但随着集群规模的扩大和团队协作复杂度的提升,仅靠原始的资源管理手段已经难以支撑多租户或大型项目的管理需求...

HTML5最新版本介绍(“html5”)

HTML5是HTML4.01和XHTML1.0之后超文本标记语言的最新版本,由一群自由思想者设计,最终实现了多媒体支持、交互性、更智能的表单和更好的语义标注。 HTML 5不只是 HTML规范的最新...