无法将关联数组传递给 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>