Vue3+TS中如何使用VXE-Grid实现交互式甘特图数据绑定与动态更新？

Question

在Vue3+TS项目中使用VXE-Grid实现交互式甘特图时，如何动态绑定数据并实时更新甘特图显示？ 具体问题：当使用VXE-Grid集成甘特图组件时，如何通过 TypeScript 正确定义数据模型，并在数据源发生变化（如任务新增、删除或进度更新）时，确保甘特图能够自动重新渲染并反映最新状态？此外，在大规模数据场景下，如何优化性能以避免重新渲染带来的卡顿问题？