Невозможно передать ассоциативный массив в vue

Question

У меня есть такой массив.

$array = ['a' => 1, 'b' => 2];

Я хочу передать его в Vue, но он не может.

<my-component :array="'{!! json_encode($array) !!}'"
></my-component>

Но вывод будет показан в HTML.

": 1," b ": 2} '" = "">

Answer 1

используйте вот так

$array = ["a" => 1, "b" => 2];

<my-component :assoc-array='{!! json_encode($array) !!}'></my-component>