Why does the variable return an empty object?

Question

Vue.js

Straight to the point...

I'm trying to get data from json and put it in productData, but when I call console.log(this.productData) inside the method, it works fine, and when, after the method has worked, I try to display it in the console, an empty object is displayed. How does this happen and what am I doing wrong?

Answer 1

use async await to wait for a response or return a promise and chain
https://jsfiddle.net/e152nz34/