Vuejs mustaches not working

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/choraleuniversitaire.fr/laravel.choraleuniversitaire.fr/chorale/resources/views/admin/choriste/index.blade.php)

Full error here.

誰かがどこ知っていますそれはうんざりしていますか？

感謝の

Answer 1

あなたが行う必要があり、その後.blade.phpファイルを使用している場合：

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

ブレードはまた、口ひげを使用しているためですので、彼らvueがそれらを見る前にブレードによって処理されるので、エラーがLaravelから受信されていますtはVueです。

詳細については、Laravel docsのBlade & JavaScript Frameworks sectionを参照してください。

Answer 2

datamust beを機能：

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

Answer 3

2つの方法があります。

1：ヒザの前に@を使用してください。

例：

@{{ texte }}

---

2：他の一つはコードブロック上@verbatimディレクティブを使用することです。

例：

@verbatim 
    {{ texte }} 
@endverbatim 

https://laravel.com/docs/5.4/blade#blade-and-javascript-frameworks