Estou exportando uma função para outro arquivo que está como um componente Webpack-simple + VueJS. Essa é a função do arquivo api-user.js:
export function getUsers () {
axios.post('/api/get_list',{})
.then(req => {return req.data.list;})
.catch(err => console.log(err))
}
No arquivo myComponent.vue, estou importando ela e chamando assim:
created: async function () {
this.arrayUsers = await getUsers()
console.log(this.arrayUsers)
},
porém apenas recebo undefined
, e não estou entendendo muito bem o porque.
Um exemplo do que estou tentando fazer:
https://codesandbox.io/s/n046mxwpm
EDIT:
Consegui de uma maneira aqui, mas não é o que desejo ainda, pois requer muito código no arquivo qual estou tentando manter mais limpo.
api-user.js:
export function getUsers () {
return axios.post('/apiminer/get_list',{})
}
mycomponent.vue:
created: function() {
getUsers().then((res) => {
this.arrayUsers= res.data.list
})
},