Как динамически вызывать переменную vue внутри лезвия laravel?

Question

У меня есть этот код:

var app = new Vue({
  el: '#app',
  data: {
    to_operator_id: null,
    a1_abc: 'text',
    a3_abc: 'other text',
    a7_abc: 'other other text'
  }
})

Обычно для чтения переменной vue внутри блейда мы используем <p>@{{ a1_abc }}</p>

У меня есть $ids = [1, 3, 7], и в моем клинке у меня есть этот код

@foreach($ids as $id)
<p>@{{ a$id_abc }}</p> //the result should '<p>text</p>', '<p>other text', and '<p>other other text</p>'
@endforeach

Как я могу назвать @{{ a$id_abc }} динамически?

Заранее спасибо.