How to pass array from blade to vue?

Question

Laravel

I send like this:

<servers-component :serversList="{{ json_encode($servers) }}"></servers-component>

If you look through the dev tools, then serverslist="[object Object]" is passed
And in the component itself, props serversList is undefined.
How to transfer data from laravel to vue normally?

Answer 1

<?php $sjson = json_encode($servers); ?>
 <servers-component :servers="{{ $sjson }}"></servers-component>

That's how it works. If you use {!! !!} then it doesn't work, the whole text of the object on the page is also half cut off.
I also understood why the data was not transferred to props with the name serversList. In html, you can’t call attributes like that, servers-list will be correct