Есть такая структура формы:
// Unit
{
title,
options: [Option],
children: [Unit],
}
// Option
{
title,
value,
}
// form
[ Unit, Unit, Unit, Unit ... ]
Это массив из юнитов, у которых потомки такие же юниты и опции, а вложенность этих юнитов может доходить до четырех уровней. Опции же являются конечными объектами.
Рендер соотвественный: много уровней вложенности и рекурсирующие компоненты
Помимо изменения текстовых значений, можно менять порядок элементов в массиве (драг-н-дропом).
И проблема в том, что когда я делаю все по принципу передачи данных дочерним компонентам через props и возращение данных родителям через $emit, то появляется задержка при изменении, при чем ощутимая.
Если же я забиваю на этот принцип и просто меняю в конечных компонентах начальный массив - задержка нулевая и все работает сверхбыстро.
Как же поступать в такой ситуации?
Простой