使用Axios调用API的方法不是按顺序执行

Question

给定以下Vue方法，使用Axios调用API来获取一些数据：

fetch: function() {

    console.log('Commence call to API!');

    axios.get("fetch.php")
        .then(response => {

            if (response.status === 204) {
                this.noContent = true;
            } else {
                console.log(response.data);
            }                    
        });

    console.log('Method complete!');                    
},

控制台输出中的预期应如下所示：

1. 开始致电API！
2. {{一些回复数据}}
3. 方法完成！

相反，经常发生的事情如下：

1. 开始致电API！
2. 方法完成！
3. {{一些回复数据}}

如何确保方法以“顺序”方式运行？