问vue.js选择v-模型值而不是$(元素).val()

EN

<select id="client" name="client[]" multiple="" v-model="chosen_clients">
   <option v-for="client in clients" v-bind:client="client" :value="client.id">@{{ client.name }}</option>
</select>

beforeCreate: function(){
    if(sessionStorage.getItem('invoiceable')){
        router.push({ path: '/invoiceable?'+sessionStorage.getItem('invoiceable')});
    }
},

data: function(){
    return {
        chosen_clients: this.$route.query['client[]'] ? (Array.isArray(this.$route.query['client[]']) ? this.$route.query['client[]'] : [this.$route.query['client[]']]) : [],
    }
},

var data = $('#invoiceable-form').serialize();
//This information does not match
console.log(this.chosen_clients); //This is correct
console.log($('#client').val(); //This is empty, even though visually, the select has selected options