Maison > Article > interface Web > Comment introduire le fichier vue.js en HTML
Comment introduire le fichier vue.js en HTML
- 藏色散人original
- 2021-02-05 09:48:2822661parcourir
Comment introduire le fichier vue.js dans HTML : Téléchargez d'abord le fichier vue.js directement depuis le site officiel de Vue.js puis utilisez "3c48ce03ead9b9cd875f9ffeef102b2e" peut être utilisé pour introduire le fichier vue.js local.
L'environnement d'exploitation de cet article : système Windows 7, HTML5&&Vue2.2.2, ordinateur Dell G3.
Comment introduire le fichier vue.js en html ?
Vue.js est un framework frontal JavaScript populaire, un framework JavaScript open source pour créer des interfaces utilisateur, conçu pour mieux organiser et simplifier le développement Web.
L'objectif principal de Vue est la couche de vue dans le modèle MVC. En même temps, il peut également facilement obtenir des mises à jour de données et réaliser l'interaction entre la vue et le modèle grâce à des méthodes spécifiques au sein du composant.
Alors comment introduire le fichier vue.js en html ?
Méthode 1. Vous pouvez télécharger le fichier vue.js directement depuis le site officiel de Vue.js et l'importer avec la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a
Adresse de téléchargement : https://vuejs.org/js/vue.min.js
Utilisez ensuite la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a pour introduire le fichier vue.js local
<script src="vue/vue.min.js"></script>
Remarque : vue/vue.min.js est l'adresse relative du fichier vue.js
Méthode 2 : utilisez la méthode CDN et utilisez la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a dans le réseau.
Voici deux CDN relativement stables recommandés dans les pays étrangers. Je n'ai pas trouvé lequel est le meilleur en Chine. Il est toujours recommandé de les télécharger localement.
Staticfile CDN (national) : https://cdn.staticfile.org/vue/2.2.2/vue.min.js
unpkg : https://unpkg.com/vue/dist/vue.js, restera cohérent avec la dernière version publiée par npm.
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js
Recommandé : "tutoriel vue"
Staticfile CDN (domestique)
<!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 (recommandé)
<!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 3f1c4e4b6b16bbbd69b2ee476dc4f83a est utilisée pour définir des scripts côté client, tels que JavaScript. L'élément script peut soit contenir des instructions de script, soit pointer vers un fichier de script externe via l'attribut src. L'attribut type obligatoire spécifie le type MIME du script. Les applications courantes de JavaScript sont la manipulation d'images, la validation de formulaires et la mise à jour dynamique du contenu. 3f1c4e4b6b16bbbd69b2ee476dc4f83a L'attribut src de la balise : précise l'URL du fichier de script externe. Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!