title: VueJS v-bind filter change input value but not data attached
body: <p>I need to create some filters to use with <code>v-bind</code> and not on <code>{{ }}</code>. It works if the filter does character to character modifications like uppercase, lowercase, etc. But for things like trim it does't, the input value updates but not the data attached.</p>
  
  <p>Here is an example (<a href="https://jsfiddle.net/3nkmjc0c/" rel="nofollow noreferrer">https://jsfiddle.net/3nkmjc0c/</a>), I changed the <code>trim</code> to a letter change because witespace are not easy to see for test. To reproduce, just type <code>a</code> on the input field, the field contains <code>aZ</code> but the data still have <code>a</code>.</p>
  
  <p>I don't want to use <code>watchers</code> because I need it in multiples inputs on different form, it would make like 15 watchers to write. The filter make it reusable. Hope you can help or give an other road to change the input value but keeping it reusable</p>