component.vue

<template>
  <div>
    <button @click="status = !status">change status</button> {{ status }}
    <br>
    <div v-for="m in marcas">
      <input type="checkbox" :value="m.id" v-model="checkedNames" v-on:click="click_marca(m.id)" /> {{ m.nome }}
    </div>    
    
    <ul>
      <li v-for="m in marcas">
        {{ m.nome }}
      </li>
    </ul>

    {{ marcas }}
    {{ checkedNames }}
    {{ modelos }}
  </div>
</template>        

<script>  
  import axios from 'axios';
  
  export default {        
    data() {          
      return {
        status: false,
        marcas: [],
        modelos: [],
        checkedNames: []
      }      
    },
    methods: {
      click_marca: function(value) {        
        alert(this.checkedNames);        
        axios.get('/api/modelos/' + Array.from(this.checkedNames)).then(response => (this.modelos = response.data.data))
      }
    },
    mounted() {
      axios.get('/api/marcas').then(response => (this.marcas = response.data.data))
    }
  }
</script>

Ao clicar no checkbox quero obter o arrary "checkedNames" no metodo, mas ele só vem atualizado após o segundo clique.