axios和ajax的区别是什么

一、@input（或者是v-on:input）
使用：

https://blog.csdn.net/m0_62021563/article/details/122325653

https://blog.csdn.net/mao1632471875/article/details/121246785

我们知道，在vue3.0引入了

全局API

一:何为Promise？

前言

做一个Vue的项目时，遇到频繁切换标签的问题。由于不同标签请求的ajax的结果所需时间不同，点击不同标签时，响应时间最慢的数据会覆盖之前响应的数据，显示数据跟所点击标签不对应。当时为了处理这个问题，没想到好方法，只好控制在点击下一个标签前，必须等前一个标签的结果回来之后进行。

后来做API的统一管理时，看到前人写的axios的interceptor里有CancelToken这样一个东西，查了查资料，发现这个可以取消请求，踏破铁鞋无觅处，刚好可以用来处理之前遇到的频繁切换标签的问题。今作一记录，也好更好的理解这个功能。

述求

点击标签时，取消之前正在执行的请求，使得切换标签时，页面得到的是最后请求的结果，而不是响应最慢的结果。

用法

官方案例

1. 使用 CancelToken.source 工厂方法创建 cancel token，像这样：

createWebHistory路由模式路径不带#号(生产环境下不能直接访问项目，需要

nginx转发)

const router = createRouter({ 

   history: createWebHistory(), routes

});

createWebHashHistory路由模式路径带#号：

const router = createRouter({

   history: createWebHashHistory(),  routes

});

这篇文章主要介绍了vue3.0中setup使用，本文通过两种用法给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

原生 js

个人blog，欢迎关注加收藏

后台需要formData数据（表单数据）：

“content-type”:“application/x-www-form-urlencoded”

传送的数据为普通的key:value数据，表单输入框提交的数据默认为此种，前端处理如下：

//main.js

//引入node.js中的qs模块

Vue.prototype.qs = require('qs') 

//在vue组件的js中

login(){

    let _this = this;

    let api = '/api/login';

    _this.user = {//用户信息

            uphone:"",//用户账号或手机号

            password:"",//登录密码

        };

    _this.axios.post(api,_this.qs.stringify(_this.user)）.then(res=>{

1.

createWebHistory路由模式路径不带#号(生产环境下不能直接访问项目，需要nginx转发)

说说 Vue.js 中的 v-cloak 指令

https://cn.vuejs.org/

https://www.runoob.com/vue2/vue-tutorial.html

https://vuejs.org/