title: How do I get the current datasource filter for a grid with Kendo UI for Vue?
body: <p>To get the current datasource filter with Kendo UI for jQuery, <a href="https://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-filter" rel="nofollow noreferrer">you can call dataSource.filter()</a></p>
  
  <p>I can't seem to find the equivalent for the Vue.js version. I've created an example <a href="https://plnkr.co/edit/8rk0Jkd0AN7TqV1Xvj79?p=preview" rel="nofollow noreferrer">here</a>. The filter is currently set on the 'ProductName' column to show results that start with 'c' via:</p>
  
  <pre><code>filterConfiguration: { field: "ProductName", operator: "startswith", value: "c" },
  </code></pre>
  
  <p>You can see this in the console by clicking the Log Filter button which logs out the value of:</p>
  
  <pre><code>this.$refs.localDataSource.filter
  </code></pre>
  
  <p>If you change the filter by clicking on the column header and changing 'c' to 'ch' you'll notice if you log the filter again, it does not change.
  There is also no filter() function on the data source. Is there a way to get the currently applied filter?</p>