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

Question

在 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 的东西？还有别的吗？

Answer 1

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

@ 到 mustaches 表达式(在 blade 文件中)意味着 Laravel 应该忽略它，以便 Vue 会处理它。

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