Comment puis-je exécuter des fonctions à l'intérieur d'une Vue de données de l'objet?

Donc je suis en train d'utiliser le composant suivant à l'intérieur de Vue JS:

Vue.component('careers', {
  template: '<div>A custom component!</div>',

  data: function() {

    var careerData = [];

    client.getEntries()
    .then(function (entries) {
      //log the title for all the entries that have it
      entries.items.forEach(function (entry) {
        if(entry.fields.jobTitle) {
          careerData.push(entry);
        }
      })
    });

    return careerData;
  }
});

Le code suivant émet une erreur comme ceci:

[Vue warn]: data functions should return an object:
https://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function 
(found in component <careers>)

Cependant, comme vous pouvez le voir, je suis en cours d'exécution un foreach par le biais de l'ensemble de mes Contentful entries, puis chaque objet à l'intérieur d'entrées est poussé à un tableau, je puis essayer de retourner le tableau mais j'obtiens une erreur.

Une idée de comment je peux extraire tous mes entries à mon objet de données à l'intérieur de mon composant?

Lorsque j'utilise le client.getEntries() fonction à l'extérieur de ma Vue component-je obtenir les données suivantes:

Comment puis-je exécuter des fonctions à l'intérieur d'une Vue de données de l'objet?

message d'erreur indique que les données de la fonction doit retourner un Object, pas un Array?

OriginalL'auteur Nick Maddren | 2017-01-20