Heim >PHP-Framework >Laravel >Unterstützt Laravel Vue?

Unterstützt Laravel Vue?

(*-*)浩
(*-*)浩Original
2019-10-30 11:01:003234Durchsuche

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).

Unterstützt Laravel Vue?

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 73a6ac4ed44ffec12cee46588e518a5e 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn