How to get updated vm after use vue.js and 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>

Why vm.info is null? I think it has already been overrided.

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

When I only use vue.js, this can be overrided.

How can I get the updated vm.info?

akuiper · Accepted Answer · 2018-10-09 18:30:33Z

4

Because axios.get is an asynchronous method, console.log is executed before the info is updated; To check the updated info, you'll have to chain a then method after axios.get(...), something like axios.get(...).then(...).then(() => console.log(this.info)).

answered Oct 9, 2018 at 18:30

akuiper

216k33 gold badges362 silver badges379 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

akuiper Over a year ago

You'll have to call that function after axios. For instance, axios.get.then().then(myFunctionToExecute).

John Shang Over a year ago

I guess it. Thanks.

Collectives™ on Stack Overflow

How to get updated vm after use vue.js and axios?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related