# Filtering

The data of the Kendo UI for Vue ListView can be easily filtered depending on the requirements of each scenario. The ListView will display the data passed to its `data-items` property and it is up to you to decide how this data will be filtered. In this article you can see two filtering scenarios:

* [Data filtering using the Filter component](https://www.telerik.com/kendo-vue-ui-develop/components/listview/filtering#data-filtering-using-the-filter-component).
* [Data filtering using the data tools available in the Kendo UI for Vue suite](https://www.telerik.com/kendo-vue-ui-develop/components/listview/filtering#data-filtering-using-filterby).

## Data Filtering Using the Filter Component

The following example demonstrates a scenario in which the functionality of the `ListView` and [Kendo UI for Vue Filter](https://www.telerik.com/kendo-vue-ui-develop/components/datatools/filter) components is combined in a real-life example.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/listview/filtering/source.txt)

## Data Filtering Using FilterBy

The following example demonstrates the `ListView` data can be filtered using the [filterBy](https://www.telerik.com/kendo-vue-ui-develop/components/datatools/api/filterby) method available in the `@progress/kendo-data-query` package.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/listview/header-template/source.txt)

## Suggested Links

* [API Reference of the ListView](https://www.telerik.com/kendo-vue-ui-develop/components/listview/api/listviewprops)