Laravel Spark Vue.js 模板中的 @ 符号是什么？答案

【问题标题】：What is the @ Symbol in a Laravel Spark Vue.js Template?Laravel Spark Vue.js 模板中的 @ 符号是什么？
【发布时间】：2017-11-28 17:52:25
【问题描述】：

在 Laravel Spark 的模板文件中，你偶尔会看到这样的内容

<span class="help-block" v-show="form.errors.has('name')">
    @{{ form.errors.get('name') }}
</span>

也就是说，根据表单的当前错误有条件地切换可见/不可见的跨度。

我明白这部分

{{ form.errors.get('name') }}

这是一个 Vue.js 模板，将显示 form.errors.get('name') 返回的字符串。然而——模板前面的@ 符号是干什么用的？我知道，作为一个属性，@ is a shorthand for v-on。不过，

v-on{{ form.errors.get('name') }}

对我来说更没有意义，所以我猜@ 符号在这里做了其他事情。这是 Vue.js 的事情吗？ Laravel Spark 的东西？还有什么？

【问题讨论】：

如果它是刀片文件，它说 laravel 忽略它，因为它是 Vue 模板的一部分。基本上 Vue 和 Laravel Blade 使用相同的东西来模板化和绑定动态值和表达式 - 小胡子 {{ }}
@BelminBedak D'oh -- 手掌。我对 Vue 有点太投入了，忘记了我在哪里 :) 如果你想把它写下来作为答案，我很乐意投票并标记为最佳。

【解决方案1】：

这是因为 Vue 和 Laravel Blade 使用相同的语法来绑定动态值和表达式。

@ 进入 mustaches 表达式（在刀片文件中）意味着 Laravel 应该忽略它，以便 Vue 处理它。

注意：如果您想为 Vue 使用另一个模板表达式，请查看文档中的分隔符部分 - https://vuejs.org/v2/api/#delimiters

【讨论】：

【解决方案2】：

@ 符号它是一个 Laravel 的东西来通知 Blade 渲染引擎一个表达式应该保持不变。 @ 用于 Laravel 刀片模板。

【讨论】：