Czy nastąpi ponowne renderowanie przy wielokrotnym przypisywaniu wartości do data?

Tak, będzie. Chociaż nie przy każdej przypisaniu.

Vue używa systemu reaktywnego. Gdy przypisujesz nową wartość do reaktywnej właściwości w data, Vue śledzi tę zmianę.

Kolejne zmiany w tym samym bloku kodu (np. w obsłudze zdarzenia lub hooku cyklu życia) zazwyczaj prowadzą do jednej zaplanowanej aktualizacji (prze-renderowania). Vue buforuje te zmiany i stosuje je asynchronicznie w następnym "ticku" cyklu aktualizacji, aby uniknąć nadmiarowych prze-renderowań.

Przykład:

// Komponent Vue
export default {
  data() {
    return {
      count: 0,
      message: 'Cześć'
    };
  },
  methods: {
    updateData() {
      // Dwa kolejne przypisania
      this.count = this.count + 1;
      this.message = 'Zaktualizowano: ' + this.count;
      // Vue zaplanuje tutaj *jedno* prze-renderowanie DOM w następnym "ticku"
    }
  }
}

W tym przykładzie oba zmiany (this.count i this.message) występują w danych reaktywnych, ale Vue wykona tylko jedno prze-renderowanie po zakończeniu wykonania updateData (lub, dokładniej, w następnym "ticku").

Jeśli jednak wykonujesz przypisania w różnych kontekstach asynchronicznych (np. w różnych setTimeout lub obietnicach), każda taka zmiana może potencjalnie wywołać osobne prze-renderowanie.

W związku z tym, przy "wielokrotnych przypisaniach wartości do data w kolejności" w jednym synchronicznym bloku, Vue prawdopodobnie wykona jedno prze-renderowanie, które odzwierciedli wszystkie zmiany. Jednak sam fakt modyfikacji danych reaktywnych zawsze prowadzi do planowania aktualizacji, co ostatecznie skutkuje prze-renderowaniem DOM.