vue中函数执行完再执行另一个函数

转载自：https://blog.csdn.net/MonsteriU/article/details/103782752
promise实现

function1(){
    // 你的逻辑代码 
    return Promise.resolve()
}
function2(){
    // 你的逻辑代码 
    return Promise.resolve()
}
// 调用
function3(){
    this.function1().then(val => { 
        this.function2();
    });
}

注意
一般要这么写的时候, function1()一般内部有异步函数,即自身也为异步函数
那么function1()需要这么定义才会有效

async function1(){
    // 你的逻辑代码 
    await axios.post('xxxxxxx', params)
    .then(res => {})
    .catch(err => {})
    return Promise.resolve()
}

当我们使用async,await时，注意funthree中使用异步的同时，funone funtwo本身也得是异步方式，否则不起作用

async funone() {
	await axios.post('xxxxxxx', params)
    .then(res => {})
    .catch(err => {})
}
async funtwo() {
	await axios.post('xxxxxxx', params)
    .then(res => {})
    .catch(err => {})
}
async funthree() {
	await this.funone()
	await this.funtwo()
	await axios.post('xxxxxxx', params)
    .then(res => {})
    .catch(err => {})
}