将属性从刀片传递到vue组件时出现意外标记'{‘

Question

我需要将一个变量从一个刀片传递给一个vue组件，通常我可以这样做

<vue-component :the-prop="{{ blah }}" />

当传递属性值时。然而，在这种情况下，我试图从$_SESSION传递一个值，我得到了一个无效的令牌错误，并且不确定如何解决它。

我试过了：

<vue-component :the-prop="{{ $_SESSION['data'] }}" />

和

<vue-component :the-prop="{{ session('data') }}" />

它似乎从来没有到达“会话”部分，并给了我一个错误：

Invalid expression: unexpected token '{'

如果我像这样硬编码一个id，代码就能正常工作：

<vue-component :the-prop="3" />

输入v-bind:the-prop也没什么区别

Answer 1

在组件中，为属性加上冒号前缀意味着您希望由PHP、as described in the documentation直接处理该属性。因此，不是这样：

<vue-component :the-prop="{{ $_SESSION['data'] }}" />

试试这个：

<vue-component :the-prop="$_SESSION['data']" />

或者，更好的是，这是：

<vue-component :the-prop="session('data')" />

Answer 2

如果从刀片模板文件中执行此操作，则应该删除冒号，这样值就不会被绑定。Blade本身应该插入{{ }}语法中的变量值，因此在vue方面不需要绑定。