Laravel 5 向Vue JS组件传递数据的Laravel刀片模板

Laravel 5 向Vue JS组件传递数据的Laravel刀片模板,laravel-5,blade,vue.js,Laravel 5,Blade,Vue.js,使用Vuejs~1.0将属性从Laravel刀片模板传递给子组件时遇到问题。如果我以纯文本形式传递某个内容,它就可以正常工作,但当我尝试传递js属性、数组或对象时,它根本不起作用。我目前有一个带有自定义组件的刀片文件,如下所示: 如果我省略了@{}唯一将被传递的是字符串stuff,如果我省略了@,我显然会得到一个刀片错误,但是如果我使用@{{stuff},那么我得到的就是字符串{stuff}。我显然错过了一些东西,但我不知道我错在哪里。提前谢谢。看起来我刚刚发现了,好像我在视频之前错过了冒号,

使用Vuejs~1.0将属性从Laravel刀片模板传递给子组件时遇到问题。如果我以纯文本形式传递某个内容,它就可以正常工作,但当我尝试传递js属性、数组或对象时,它根本不起作用。我目前有一个带有自定义组件的刀片文件,如下所示:


如果我省略了
@{}
唯一将被传递的是字符串
stuff
,如果我省略了
@
,我显然会得到一个刀片错误,但是如果我使用
@{{stuff}
,那么我得到的就是字符串
{stuff}
。我显然错过了一些东西,但我不知道我错在哪里。提前谢谢。

看起来我刚刚发现了,好像我在视频之前错过了冒号,所以应该是这样的:


如果要将变量传递给组件,请使用:

<my-component :video= "{{ json_encode($stuff) }}" ></my-component>


不要忘记双引号,否则对于对象之类的对象,结果将是不可预测的。

如果要传递模型,请执行以下操作:

<my-component :video="{{ $stuff->toJson() }}" inline-template></my-component>