Estoy haciendo una request con axios y vue.js a una API, los datos los almaceno en una matriz pero solo deseo mostrar el primer campo de la matriz. esto es como hago la impresion pero al momento de hacer la impresion como estoy haciendo el "v-for" me imprime todos los datos de la matriz
<div v-for="programa in programas" class="col-sm-12 post interview">
<div class="row m0 featured_img">
<div class="video">
<iframe width="640" height="360" v-bind:src="programa.urls_video[1].url" type="mp4" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
y esta es la solicitud a la api:
<script>
export default {
data: () => ({
errors: [],
programas: []
}),
mounted() {
axios.get('xxxxxxxxxx')
.then(response => {
this.programas = response.data
}),
}
}
</script>
alguna de como puedo solo los primeros datos de la matriz???