我无法在 VueJS 和 Laravel 中使用我的数据变量

Question

我想使用 VueJS 在我的页面上显示一条消息，但 Laravel 不想显示它并向我发送一条错误消息：

Use of undefined constant message - assumed 'message' (this will throw an Error in a future version of PHP)

我的index.blade.php：

<a v-bind:href="link"> {{ message }} </a>

我的应用程序.js：

new Vue({
    el: '#app',
    data: {
        message: 'Hello world',
    }
});

Answer 1

出现错误是因为 Laravel Blade 尝试解析{{ message }}为 PHP 代码。Laravel Blade 和 VueJS 共享相同的内容{{ }}语法来显示变量。

为了告诉 Blade 你的{{ message }}不是 PHP 代码，你需要这样做：

<a v-bind:href="link"> @{{ message }} </a>

或者，如果您有大量 VueJS 代码，您可以用以下内容包围您的 HTML：

@verbatim
    <a v-bind:href="link"> {{ message }} </a>
@endverbatim

参考