vue中使用Promise解析

Promise 是异步编程的一种解决方案，其实是一个构造函数,es6写法中其实也是async和await
async和await用法看这https://blog.csdn.net/qq_46124502/article/details/106384588
Promise 一般是放在函数内部使用

function promiseData() {
	return new Promise((resolve, reject) => { //resolve成功时的回调,reject失败时的回调
		console.log("执行了")
		resolve("可以是，axios请求回来的数据data1")
	});
}
promiseData().then((data) => {
	console.log(data) //这里打印就是resolve返回的值
})

当你有多个网络请求，第二个或者第三个请求，依赖于第一个请求回来的数据时，你可以这样写

};
//[定义一个公共的promise实例]
function sendRequest(param) {
	return new Promise(function (resolve, reject) {
	 let url ="http://"
		axios.post(url, param).then(res => {
                 resolve(res)  //此时假如是{id:6}
				}).catch(error => {
					console.log(error)
				})
	});
}
//数据依次依赖前一个请求的值
sendRequest().then(function(data1) {
	console.log('第一次执行, 这是返回的数据:', data1); //此时data1就是id:6
	return sendRequest(data1.id);
}).then(function(data2) {
	console.log('第二次执行, 这是返回的数据:', data2);
	return sendRequest();//此时再去调sendRequest  这个时候resolve回来的就是第二次的数据
}).then(function(data3) {
	console.log('第三次执行, 这是返回的数据:', data3);
}).catch(function(error) {
	//用catch捕捉前面的错误
	console.log('sorry, 请求失败了, 这是失败信息:', error);
});