图片上传
- 图片上传的基本使用步骤
- 找到input组件,给组件设置change图片事件
- 使用this.files【0】获取图片对象 files是关键字
- FormData()内置对象,负责向服务器传递表单数据
- 用法 let 变量名 = new FormData()
变量名.append(key,value) - 调用上传接口axios({url:接口;method:'post';data:formdata})
异步代码和同步代码
同步代码: 逐行执行,需原地等待结果后,才继续向下执行,会阻塞代码继续执行
异步代码: 执行耗时操作时,不阻塞代码继续执行,将来完成后,触发回调函数传递结果
promise 是什么?
promise 是语言底层人员创立的一个处理异步操作的对象 promise对象用于表示一个异步操作的完成状态及其结果值 =>操作显示异步的值
async/await基础
async/await是什么?
async/await是一种用于处理异步操作的promise语法糖
通过使用async关键字声明一个函数为异步函数 以同步代码的方式编写异步代码操作
- 核心步骤:
- async 修饰函数
- await 等待成功(Promise 对象)
.then方法处理成功
.catch方法处理失败
.try 方法试验多个数据处理
- 注意:try-catch可以用来捕获任意的异常,并不仅仅局限于 async 函数