Vue JS monté()

Je suis entrain de créer un jeu en VueJS, où, quand la page se charge, je veux une méthode pour le feu, faire un appel ajax à une API externe et de créer un tas de propriétés de données. Lorsque le joueur gagne la partie, je veux être en mesure de voir un bouton qui permet de redémarrer le jeu. Je suis à l'aide d'un mounted() crochet le feu à la méthode de chargement de page.

Ma question est que je ne suis pas sûr de la façon de mettre en œuvre le redémarrage si le programme d'installation du jeu et les appels de l'API sont à l'intérieur de la mounted() fonction. Est-il un moyen pour exécuter le mounted() fonction de nouveau?

Merci!

InformationsquelleAutor lnamba | 2017-07-10
  1. 52

    Résumé de votre initialisation dans une méthode, et l'appel à la méthode de mounted et partout où vous le souhaitez.

    new Vue({
  methods:{
    init(){
      //call API
      //Setup game
    }
  },
  mounted(){
    this.init()
  }
})

    Puis, éventuellement, avoir un bouton dans votre modèle de recommencer.

    <button v-if="playerWon" @click="init">Play Again</button>

    En ce bouton, playerWon représente une valeur booléenne dans vos données que vous définissez lorsque le joueur gagne le jeu de sorte que le bouton s'affiche. Vous retournez à la faux dans init.

    • Merci! Cela a parfaitement fonctionné!
    • En fait, il semble que tout le monde recommande d'utiliser le created crochet plutôt que mounted d'initialisation d'un composant. En particulier pour récupérer les données.
    • Je pense initier async code est probablement mieux dans créé vs monté. Le choix de l'utiliser est dépendante d'habitude si vous avez besoin d'accéder pour effectuer le rendu d'éléments ou pas. Dans ce cas précis, je pense que l'OP voulais juste une stratégie pour la réutilisation de code appelé à partir de monté ou créé.
    InformationsquelleAutor Bert