Heim > Artikel > Web-Frontend > So fügen Sie die Datei vue.js in HTML ein
So fügen Sie die Datei vue.js in HTML ein
- 藏色散人Original
- 2021-02-05 09:48:2822685Durchsuche
So führen Sie die vue.js-Datei in HTML ein: Laden Sie zuerst die vue.js-Datei direkt von der offiziellen Website von Vue.js; herunter und verwenden Sie dann „1ca22f4e35b7d7b597a1d4832832eab7< ;/script>“-Methode zum Einführen der lokalen vue.js-Datei.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5&&Vue2.2.2, Dell G3-Computer.
Wie füge ich die Datei vue.js in HTML ein?
Vue.js ist ein beliebtes JavaScript-Frontend-Framework, ein Open-Source-JavaScript-Framework zum Erstellen von Benutzeroberflächen, das zur besseren Organisation und Vereinfachung der Webentwicklung entwickelt wurde.
Der Schwerpunkt von Vue liegt auf der Ansichtsebene im MVC-Muster. Gleichzeitig kann es durch spezifische Methoden innerhalb der Komponente auch problemlos Datenaktualisierungen abrufen und die Interaktion zwischen Ansicht und Modell realisieren.
Wie füge ich die Datei vue.js in HTML ein?
Methode 1. Sie können die Datei vue.js direkt von der offiziellen Website von Vue.js herunterladen und mit dem Tag 3f1c4e4b6b16bbbd69b2ee476dc4f83a importieren.
Download-Adresse: https://vuejs.org/js/vue.min.js
Dann verwenden Sie das 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag, um die lokale vue.js-Datei einzuführen
<script src="vue/vue.min.js"></script>
Hinweis: vue/vue.min.js ist vue Die relative Adresse der .js-Datei
Methode 2: Verwenden Sie die CDN-Methode und verwenden Sie das 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag, um die vue.js-Datei im Netzwerk einzuführen.
Die folgenden zwei relativ stabilen CDNs werden im Ausland empfohlen. Ich habe nicht gefunden, welches in China besser ist. Es wird derzeit empfohlen, sie lokal herunterzuladen.
Staticfile CDN (Inland): https://cdn.staticfile.org/vue/2.2.2/vue.min.js
unpkg: https://unpkg.com/vue/dist /vue.js bleibt mit der neuesten von npm veröffentlichten Version konsistent.
cdnjs: https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js
Empfohlen: „vue-Tutorial“
Staticfile CDN ( Inland)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
</script>
</body>
</html>unpkg (empfohlen)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
</script>
</body>
</html>cdnjs
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
</script>
</body>
</html>3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag
3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag wird zum Definieren clientseitiger Skripte wie JavaScript verwendet.
script-Elemente können entweder Skriptanweisungen enthalten oder über das src-Attribut auf externe Skriptdateien verweisen.
Das erforderliche Typattribut gibt den MIME-Typ des Skripts an.
Übliche Anwendungen von JavaScript sind Bildbearbeitung, Formularvalidierung und dynamische Inhaltsaktualisierung.
3f1c4e4b6b16bbbd69b2ee476dc4f83a Das src-Attribut des Tags: gibt die URL der externen Skriptdatei an.
Das obige ist der detaillierte Inhalt vonSo fügen Sie die Datei vue.js in HTML ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!