@mrSeller

Как на Vue управлять формами с высокой вложенностью компонентов?

Есть такая структура формы:
// Unit
{
  title,
  options: [Option],
  children: [Unit],
}

// Option
{
  title,
  value,
}

// form
[ Unit, Unit, Unit, Unit ... ]


Это массив из юнитов, у которых потомки такие же юниты и опции, а вложенность этих юнитов может доходить до четырех уровней. Опции же являются конечными объектами.

Рендер соотвественный: много уровней вложенности и рекурсирующие компоненты
Помимо изменения текстовых значений, можно менять порядок элементов в массиве (драг-н-дропом).

И проблема в том, что когда я делаю все по принципу передачи данных дочерним компонентам через props и возращение данных родителям через $emit, то появляется задержка при изменении, при чем ощутимая.
Если же я забиваю на этот принцип и просто меняю в конечных компонентах начальный массив - задержка нулевая и все работает сверхбыстро.

Как же поступать в такой ситуации?
  • Вопрос задан
  • 52 просмотра
Пригласить эксперта
Ответы на вопрос 1
@sergeyiljin
Делаю дело
Используй vuex, а не вложенность. Будет быстро работать, а код станет хорошо читабельным.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
08 авг. 2020, в 12:03
15000 руб./за проект
08 авг. 2020, в 11:31
500 руб./за проект
08 авг. 2020, в 09:16
1000 руб./за проект