Estoy creando un juego de memoria, me gustaría comenzar inmediatamente después de que se cargue la página.
Para empezar, necesito createDeck() y showCards()
Probé varias cosas en el valor predeterminado de exportación {} como:
created(){ this.createDeck(), this.createShowCards() },y
mounted() { this.fetchCards(), // also need to fetch the cards, this works ok... this.createDeck(), this.createShowCards() console.log('component mounted') },Puedo hacer que el juego funcione al llamar a las funciones de inicio con un botón de inicio:
<div class="text-center"> <button @click="startGame()" v-if="Object.keys(cards).length != 0">Start game</button> </div>¿Alguien puede explicarme lo que me estoy perdiendo? ¿Cómo puedo obtener el "botón para hacer clic automáticamente"?
Intente esperar a que se carguen las tarjetas:
async mounted() { await this.fetchCards() this.createDeck() this.createShowCards() },y tal vez necesites hacer que esa función sea asíncrona como
async fetchCards() { await ...}