[Vuejs]-Get returned data to display inside of vue model

by

0👍

✅

This might work well

new Vue({
  el: "#app",
  data() {
    return {
       mydata: {}
    }
  },
  methods: {
    getTokenData(){
           
           axios
            .get("https://jsonplaceholder.typicode.com/posts/1")
            .then((response) => {
               
                // this.mydata=data;
                if (response.status) {
                  this.mydata = response.data;
                   console.log("myData ===>", this.mydata);
                }
            });
     }
  },
  mounted: function(){
    this.getTokenData();
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<div id="app">
   title: {{mydata.title}}
   <br>
   body: {{mydata.body}}

 </div>

Leave a comment