Будет ли ререндер при множественном присваивании значений в data подряд?

Да, будет. Хотя и не при каждом присваивании.

Vue использует реактивную систему. Когда вы присваиваете новое значение реактивному свойству в data, Vue отслеживает это изменение.

Последовательные изменения в одном блоке кода (например, внутри обработчика события или хука жизненного цикла), как правило, приводят к одному запланированному обновлению (ререндеру). Vue буферизует эти изменения и применяет их асинхронно на следующем "тике" цикла обновления, чтобы избежать избыточных ререндеров.

Пример:

javascript

В этом примере оба изменения (this.count и this.message) произойдут в реактивных данных, но Vue выполнит ререндер только один раз после завершения выполнения updateData (или, точнее, на следующем тике).

Однако, если вы выполняете присваивания в разных асинхронных контекстах (например, внутри разных setTimeout или промисов), каждое такое изменение может потенциально вызвать отдельный ререндер.

Таким образом, при "множественном присваивании значений в data подряд" внутри одного синхронного блока, Vue, скорее всего, выполнит один ререндер, который отразит все произошедшие изменения. Но сам факт изменения реактивных данных всегда приводит к планированию обновления, что в конечном итоге приведет к ререндеру DOM.