Why doesn't it work?(fetch, axios retrieving json data and setting vue's data property)

Hi! I am following Vuejs tutorial and found bitcoin axios tutorial and trying to
implementing it myself. But when I customized(just tinkering with it…) it,
it didn’t work as it supposed to…
Thanks for your help in advance!

<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.js"></script>

<script type="text/javascript">
let chi=""
//console.log(data)
window.onload = function () {
  var gha= new Vue({
  el: '#app',
  data () {
    return {
      info: null
    }
  },
  mounted () {
    axios.get('https://api.coindesk.com/v1/bpi/currentprice.json')
    .then(response => response)
    .then(data => this.info=data.bpi );
    //.then(this.data=data);
    
  }
})
    //your script //function () 
}



</script>
</head>

<body>


<ul id="app">
  <div v-for="i in info":key="code" >
    {{ i.code }}
  </div>
</ul>



</body>
</html>

response and data are used wrong in the axios statement. You want to get to the response.data and set that data to your info variable. Like this:

axios.get('https://api.coindesk.com/v1/bpi/currentprice.json')
.then(response => this.info=response.data.bpi );