Vue.js я не могу отобразить извлеченные данные

Question

Я загружаю канал с помощью fetch, но каким-то образом мое приложение vue не отображает его, я пробовал разные вещи, но мне кажется, что ничего не работает.

<section id="vue-instagram" class="instagram">
  <div class="instagram__col"  v-for="item in feed">
    <div class="instagram__col__picturebox">
      <img v-if="item.media_url.indexOf('.mp4') == -1" v-bind:src="item.media_url"/>
      <video v-if="item.media_url.indexOf('.mp4') > 0" loop preload muted controls style="width:100%;">
        <source v-bind:src="item.media_url" />
      </video>
    </div>
    <div class="instagram__col__description">
      <div class="instagram__col__descroption--icon">
        <img src="images/insta.png"/>
      </div>
      <div class="instagram__col__descroption--text">
        {{item.caption.substring(0,90)}}...
        <div class="hashtags bold-text">
          {{item.caption.substring(item.caption.indexOf('#'), item.caption.length).split(' ').slice(0,5).join(' ')}}
        </div>
      </div>
    </div>
  </div>
</section>

var app = new Vue({
  el: '#vue-instagram',  
  data:() => ({
    loading: false,
    feed: [],
  }),
}, created: async () => {
  var response = await fetch("URL_TOSERVER", {
    method: "POST",
  });
  var {data} = await response.json();
  this.feed = data; 
  console.log(data);
});

Если я вызываю this.feed в chrome, он отображает данные, но если я углубляюсь в app.data, он пуст.

Answer 1

Решение было извлечь вызов как метод

new Vue({
  el: '#vue-instagram',  
  data: {   
    loading: false,
    feed: [], 
  },
  created: function() {
    this.fetchData();
  },
  methods: {
    fetchData: function(){
      var self = this;  
      fetch("http://727.dk.web81.curanetserver.dk/umbraco/api/instagram/index", {
        method:"POST"
      }).then(function(response){
        return response.json();
      }).then(function(data){
        self.feed = data.data; 
      });
    }
  },
  computed: {
    posts: function() {
      return this.feed;
    }
  } 
});