Управление данными и состоянием

Этот раздел объясняет, как поддерживать согласованность данных в Vue Gantt с вашим Vue UI, хранилищем и поведением бэкенда.

Начало

Сначала прочитайте Основы привязки данных и управления состоянием.

Этот материал охватывает:

• состояние Vue/хранилище как источник правды
• Gantt как источник правды
• data.save и data.batchSave — контракты обратных вызовов

Выберите модель владения данными

Используйте состояние Vue или хранилище как источник правды когда:

• окружающий Vue UI должен отражать текущее состояние диаграммы
• вы уже используете Pinia или другое хранилище в качестве авторитетного состояния
• предсказуемые однонаправленные обновления важнее скорости редактирования

Используйте Gantt как источник правды когда:

• страница ориентирована на диаграмму
• объем обновлений высокий
• вы хотите снизить нагрузку на хранилище из-за частых изменений на стороне диаграммы

Руководство по Pinia

Используйте Использование Vue Gantt с Pinia для реализации на основе хранилища с batchSave и необязательными отменой/повтором на уровне хранилища.

Сопутствующий рабочий пример проекта доступен на GitHub по адресу vue-gantt-pinia-starter on GitHub.

Минимальная стартовая схема

const data = {
  batchSave: changes => ganttStore.applyBatch(changes)
};

Используйте этот шаблон, когда одно действие диаграммы может привести к множеству обновлений задач/связей.

Примечание по производительности

Для операций, таких как автоматическое планирование, предпочтительно использовать data.batchSave вместо по-изменения data.save, чтобы обновления состояния выполнялись пакетами.

Форма обратных вызовов и компромиссы задокументированы в Контракт пакетного сохранения.