Laravel Blade模板如何向Vue JS组件传递数据

Question

我在使用Vuejs ~1.0将属性传递给子组件时遇到了问题，在Laravel Blade模板中。 如果我直接传递纯文本，则可以正常工作，但是当我尝试传递js属性、数组或对象时，根本不起作用。 我目前有一个带有自定义组件的blade文件，看起来像这样： 如果我省略@ {{}}，则只会传递字符串stuff，如果我省略@，我显然会得到一个blade错误，但是如果我使用@{{ stuff } }，那么我只得到了字符串{{ stuff }}。 我显然缺少了一些东西，但无法确定我错在哪里。 预先感谢您的帮助。

- Azeame

Answer 1

看起来我刚刚弄清楚了，似乎在video之前我漏掉了冒号，所以它应该像这样出现：

<my-component :video="stuff"></my-component>

- Azeame

Answer 2

如果您要向组件传递一个变量，则使用：

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

不要忘记使用双引号，否则对于对象等内容结果将是不可预测的。

- Jeffrey

Answer 3

如果您正在传递模型，请执行以下操作:

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

- Humayun