---
title: TreeListDataSource
page_title: TreeListDataSource Overview - Components - Kendo UI for Vue
description: "Use the Kendo UI TreeListDataSource wrapper component in Vue projects."
slug: overview_treelistdatasource
position: 7
---

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

# TreeListDataSource Overview

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

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

The following example demonstrates how to bind the TreeList to the TreeListDataSource.

{% meta height:660 %}
{% embed_file treelist-datasource/main.vue preview %}
{% embed_file treelist-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 TreeListDataSource Component](https://docs.telerik.com/kendo-ui/api/javascript/data/treelistdatasource)