Laravel data bind on vue tamplate

hello i am try to bind user_name to .vue from this object in laravel::

{ "order": [ { "id": 87, "user_id": "2", "user_name": "Mohamed Hassan", "table": 20, "total": 224, "status": 1, "delivered": 0, "paied": 0, "created_at": "2019-09-14 15:04:40", "updated_at": "2019-09-14 15:04:40" } ] } 

and this object get from:

and when iam try

get this

 [ { "id": 87, "user_id": "2", "user_name": "Mohamed Hassan", "table": 20, "total": 224, "status": 1, "delivered": 0, "paied": 0, "created_at": "2019-09-14 15:04:40", "updated_at": "2019-09-14 15:04:40" } ] 

iam try:

but return null

and this my .vue temp:

<li v-for="order in orders">
            <div class="col-md-3 col-sm-3 col-xs-3"><div class="notify-img"></div></div>
            <div class="col-md-9 col-sm-9 col-xs-9 pd-l0"><a href="">Date: </a>  <a href=""></a> <a href="" class="rIcon"><i class="fa fa-dot-circle-o"></i></a>
            <p>Lorem ipsum sit dolor amet consilium.</p>
            <p class="time">1 Saat önce</p>
            <hr>
            </div>

        </li>

via Chebli Mohamed