laravel - VueJS mustache 未定义常量

Question

我试图让 VueJS 与 Laravel 一起工作，但发生了一些奇怪的事情。

我的模板:

<div id="tuto">
  <p>{{ texte }}</p>
</div>

我的 VueJS 脚本:

var vm = new Vue({
    el: '#tuto',
    data: {
        texte: '<span>Mon texte</span>',
    }
});

我收到这个错误:

Use of undefined constant texte - assumed 'texte' (View: /var/www/vhosts/xxxx/resources/views/admin/xxx/index.blade.php)

Full error here.

有谁知道哪里出了问题？

谢谢

Answer 1

如果您使用的是 .blade.php 文件，那么您需要执行以下操作:

<div id="tuto">
  <p>@{{ texte }}</p>
</div>

那是因为 blade 也使用 mustache ，所以它们在 vue 看到它们之前就被 blade 处理了，这就是为什么你从 Laravel 而不是 Vue 收到错误.

参见 Blade & JavaScript Frameworks section Laravel 文档的更多详细信息。