javascript vue get value in JSON

Use Object.keys() to iterate the object by keys.

Object.keys(output.states).forEach(key => {
  console.log(key, output.states[key].vaccinated);
});

If you want just the country names then you can define a computed property as below...

computed: {
 getStates() {
  return this.output.states; // assuming that you have stored the response in a variable called 'output' defined in the data section
 }
}

this is how you call the computed and print it in your template using v-for

<div v-for="(stateObject, state) in getStates" v-bind:key="state">
  <div>{{state}}</div> // to print the state name
  <div>{{stateObject.total}}</div> // to print the total value of that object
  <div>{{stateObject.vaccine}}</div> // to print the vaccine value of that object
 
</div>

for (const [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

You can read more: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries