I have a select element

```
<select id="filter" v-model="filter" @change="changeFilter">
 <option value="all">All</option>
 <option value="one">One</option>
 <option value="two">Two</option>
 <option value="three">Three</option>
</select>

```

Then in my component I have

```
methods:{
   changeFilter(){
        var that = this
        console.log(that.filter)
        // this gives me the value from the last select
        //  If I then use Jquery 
        that.filter = window.jQuery('#filter').val()
        console.log(that.filter)
        // This gives the correct up to date value
   } 

```

}

Why is it that I ahve to use Jquery to get the most recent value of this element?
I thought Vue.js was supposed to be reactive? Why is it one tick behind then?? Why am I forced to use jQuery to get the currently chosen selection? Seems super counter intuitive to do that?