---
title: GanttDependencyDataSource
page_title: GanttDependencyDataSource Overview - Components - Kendo UI for Vue
description: "Use the Kendo UI GanttDependencyDataSource wrapper component in Vue projects."
slug: overview_ganttdependencydatasource
position: 3
---

<div><WrapperBanner></WrapperBanner></div>

# GanttDependencyDataSource Overview

The GanttDependencyDataSource extends the [DataSource component]({% slug overview_datasource %}).

It contains instances of the custom [`kendo.data.GanttDependency`](https://docs.telerik.com/kendo-ui/api/javascript/data/ganttdependency) model, which represents the dependency data items of the Gantt.

The following example demonstrates how to bind the Gantt to the GanttDependencyDataSource.

{% meta height:660 %}
{% embed_file gantt-dependency-datasource/main.vue preview %}
{% embed_file gantt-dependency-datasource/main.js %}
{% endmeta %}


## Suggested Links

* [Kendo UI Data Source for jQuery](https://docs.telerik.com/kendo-ui/framework/datasource/overview)
* [API Reference of the Data Source Component](https://docs.telerik.com/kendo-ui/api/javascript/data/datasource)
* [API Reference of the GanttDependencyDataSource Component](https://docs.telerik.com/kendo-ui/api/javascript/data/ganttdependencydatasource)