Am I making asynchronous requests right?

Question

Vue.js

Tell me if I'm doing it right, it seems to me that the code is repeated and you can somehow write it differently

created(){
            setTimeout(() => {
                let employeeApi = new restApi(this.$props.data_table);
                employeeApi.list().then(res => {
                    this.items = res.data;
                });
            });
            setTimeout(() => {
                let employeeColumn = new restApi(this.$props.data_columns);
                employeeColumn.list().then(res => {
                    this.columns = res.data;
                })
            });
        }

That is, I want requests to the server to be sent simultaneously and not in turn

Answer 1

You need something like this:

let employeeApi = new restApi(this.$props.data_table);
                let employeeColumn = new restApi(this.$props.data_columns);
                let arr = [employeeApi.list(), employeeColumn.list()];
                Promise.All(arr).then(res=> {
                  this.items = res[0].data;
                	this.columns = res[1].data;
                });

In general, there is bluebirdjs.com/docs/api-reference.html which has .spread, .delay, .promisify and a bunch of other syntactic goodies