So führen Sie vue.js in HTML ein: Laden Sie zuerst vue.js; herunter und fügen Sie dann das vue.js-Paket mit der Syntax wie „“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue Version 2.0, Dell G3-Computer.

Empfohlen: „vue Tutorial“

vue.js wird in HTML eingeführt

Für Kinder, die noch nicht mit es6 und Webpack vertraut sind, wird nicht empfohlen, das offizielle Gerüstbau-Komponentenprojekt vue-cli direkt zu verwenden .

Lesen Sie zunächst mindestens die einzelnen Kapitel in der Reihenfolge des Dokuments. Fügen Sie vue.js direkt in die HTML-Datei ein, um mit dem Lernen zu beginnen, die grundlegenden Anweisungen von Vue und die Infrastruktur der gesamten Vue-Instanz zu verstehen.

Laden Sie vue.js herunter unter: https://vuejs.org/v2/guide/installation.html. Fügen Sie nach dem Herunterladen das vue.js-Paket zum HTML hinzu.

Schreiben Sie im aktuellen HTML den JS-Code:

Fügen Sie im HTML den folgenden Code hinzu:

Vue demo
 
 
{{message}}
  

Ändern Sie den Inhalt im Textfeld. Sie können sehen, dass sich auch der Inhalt über dem Textfeld entsprechend ändert. Das ist vue Zwei-Wege-Bindung.

Das obige ist der detaillierte Inhalt vonSo führen Sie vue.js in HTML ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!