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!

<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=""
window.onload = function () {
  var gha= new Vue({
  el: '#app',
  data () {
    return {
      info: null
  mounted () {
    .then(response => response)
    .then(data => this.info=data.bpi );
    //your script //function () 



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


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:

.then(response => this.info=response.data.bpi );