Vuejs胡子不起作用

Question

我试图让VueJS与Laravel合作,并且发生了一些奇怪的事情.

我的模板:

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

我的VueJS脚本:

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

我收到此错误:

使用未定义的常量tex​​te - 假设'texte'(查看:/var/www/vhosts/choraleuniversitaire.fr/laravel.choraleuniversitaire.fr/chorale/resources/views/admin/choriste/index.blade.php)

这里完全错误.

有人知道它搞砸了吗？

谢谢

Answer 1

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

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

这是因为刀片也使用胡须,所以它们在vue甚至看到它们之前由刀片处理,这就是为什么你收到错误Laravel而不是收到错误的原因Vue.

有关更多详细信息,请参阅Laravel文档的Blade&JavaScript框架部分.