如何在Laravel Blade中动态调用vue变量？

Question

我有此代码：

value

通常在刀片内读取vue变量，我们使用var app = new Vue({ el: '#app', data: { to_operator_id: null, a1_abc: 'text', a3_abc: 'other text', a7_abc: 'other other text' } })

我有<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 ？

谢谢。