javascript - 通过 blade (laravel) 将 Prop (数组)传递给 vue.js

Question

我如何通过 laravel(blade) 在 vue js 中传递一个数组？我试过这样做:

//$users - 数组 Blade :

<all-users users="{{ $users }}"></all-users>

View :

<tr v-for="user in users" >

                    <td>{{ user.id }}</td>
                    <td>{{ user.login }}</td> 
</tr>

js:

export default {

    props:['users']
    }

//不要全部工作

P.S 我也试过:
<all-users users="{{ $users[0]->toJson() }}"></all-users>
输出:

{"id":2,"email":"usersss@mail.ru","login":"SimpleUser","role_id":0,"images":"public\/img\/default_avatar.png","created_at":null,"updated_at":null}

提前感谢您的帮助

Answer 1

<all-users :users='@json($users)'></all-users>

或

 <all-users :users='{{ json_encode($users) }}'></all-users>