Vue watch не срабатывает при изменении значения данных на то же значение

Наблюдатель выполняется только один раз в цикле событий, второй вызов следует выполнять асинхронно.

добавить

пример:

    play(card) {
      // play the card (delete from hand and put on piletop)

      this.nextTurn();
      setTimeout(() => {
        if (card.value === '+4') {
          this.currentPlayer.hand.push(...this.draw(4));
          this.nextTurn();
        } else if (card.value === '+2') {
          this.currentPlayer.hand.push(...this.draw(2));
          this.nextTurn();
        } else if (card.value === 'skip') {
          this.nextTurn();
        }
      }, 0)
    }

Таким образом, наблюдатель будет выполняться дважды, но это приведет к непредвиденным результатам, и вам нужно будет подумать, как настроить

Мне удалось решить эту проблему, изменив метод воспроизведения:

  play(card) {

    if (card.value === 'reverse') { // if card is reverse
      this.isReversed = !this.isReversed; // inverse reversed flag
    } else if (card.value === 'skip') { // if card is skip
      this.skipTurn = true; // set skip flag
    } else if (card.value === '+2') { // if card is +2
      this.nextPlayer.hand.push(...this.draw(2)); // nextPlayer draws 2
      this.nextPlayer.hand.sort(this.sortHandler); // sort the hand of the player who draws
      this.skipTurn = true; // set skip flag
    } else if (card.value === '+4') { // if card is +4
      this.nextPlayer.hand.push(...this.draw(4)); // nextPlayer draws 4
      this.nextPlayer.hand.sort(this.sortHandler); // sort the hand of the player who draws
      this.skipTurn = true; // set skip flag
    }

    // next turn
    this.nextTurn();
  }

• Я создал вычисляемый nextPlayer, который делает то же самое, что и currentPlayer, но на следующем.
• Я также создал флаг, который проверяет, должен ли следующий игрок пропустить ход, и проверил его в наблюдателе:

  turnId(turn) {
    if (this.skipTurn) {
      this.skipTurn = false;
      this.nextTurn();
      return;
    }

    if (turn !== 0) { // if it's bot's turn
      this.playAI();
    }
  },