Как получить обновление vm после использования vue.js и axios?

Question

var vm = new Vue({
  el: '#app',
  data () {
    return {
      info: null
    }
  },
  mounted () {
    axios
      .get('https://api.coindesk.com/v1/bpi/currentprice.json')
      .then(response => (this.info = response))
  }
})

console.log(vm.info)
//Why vm.info is null? I think it has already been overrided.

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<div id="app"></div>

Почему vm.info имеет значение null?Я думаю, что это уже было переопределено.

https://vuejs.org/v2/guide/

Когда я использую только vue.js, это можно переопределить.

Как получить обновленный vm.info?

Answer 1

Поскольку axios.get является асинхронным методом, console.log выполняется до обновления информации;Чтобы проверить обновленную информацию, вам нужно связать метод then после axios.get(...), что-то вроде axios.get(...).then(...).then(() => console.log(this.info)).