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);
});