Unterstützt Laravel Vue?

Bevor wir mit der Verwendung von Vue.js beginnen, müssen wir es zunächst in unser Laravel-Projekt einführen. Hier wähle ich den einfachsten Weg: Laden Sie direkt die entsprechende offene Version der JS-Datei herunter (http://vuejs.org/). js/ vue.js) und platzieren Sie dann die heruntergeladene vue.js-Datei im js-Verzeichnis unter dem öffentlichen Verzeichnis (erstellen Sie es, wenn kein js-Verzeichnis vorhanden ist).

Hallo Welt (Empfohlenes Lernen: Laravel-Entwicklung)

Wie bei jedem anderen Sprachen-/Framework-Lernen beginnen wir mit dem Drucken von Hello World und lernen gleichzeitig eine der Funktionsfunktionen von Vue kennen: die Datenbindung.

Wir verwenden die von Laravel bereitgestellte Ansichtsdatei Welcome.blade.php als Demonstrationsdatei. Bevor Sie beginnen, führen Sie vue.js vor ein:

<script type="text/javascript" src="{{asset(&#39;js/vue.js&#39;)}}"></script>

Dann bearbeiten wir Welcome. Der Inhalt der Datei blade.php lautet wie folgt:

<div class="container">
     <div class="content">
         <div class="title">
             <p>@{{ message }}</p>
         </div>
     </div>
 </div>

Schreiben Sie gleichzeitig einen Teil des js-Codes:

<script type="text/javascript">
      new Vue({
         el: &#39;.title&#39;,
         data: {
             message: &#39;Hello Laravel!&#39;
         }
     })
 </script>

Das obige ist der detaillierte Inhalt vonUnterstützt Laravel Vue?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!