Comment introduire vue.js dans HTML

Comment introduire vue.js dans HTML : téléchargez d'abord vue.js puis ajoutez le package vue.js au HTML, avec une syntaxe telle que "7f2531c94def682ab747f710381f5e242cacc6d41bbb37262a98f745aa00fbf0".

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.0, ordinateur Dell G3.

Recommandé : "tutoriel vue"

vue.js est introduit en HTML

Pour ceux qui n'ont pas été exposés vers es6 et webpack Pour les chaussures pour enfants, il n'est pas recommandé d'utiliser directement le projet de composant officiel d'échafaudage vue-cli.

Étudiez d'abord au moins le chapitre des composants dans l'ordre du document. Introduisez directement vue.js dans le fichier html pour commencer l'apprentissage, comprendre les instructions de base de vue et l'infrastructure de l'ensemble de l'instance de vue.

Téléchargez vue.js sur : https://vuejs.org/v2/guide/installation.html Après le téléchargement, ajoutez le package vue.js au HTML.

<script src="${path}/web/constant/vue.js"></script>

Dans le html actuel, écrivez le code js :

<script type="text/javascript">
new Vue({
el:&#39;#app&#39;,
data: {
message:&#39;hello vue.js.&#39;
}
});
</script>

Dans le html, ajoutez le code suivant :

<h1>Vue demo</h1>
<div id="app">
<div>{{message}}</div>
<input type="text" v-model="message">
</div>

Modifiez le contenu dans la zone de texte et vous pourrez voir la zone de texte Le contenu ci-dessus change également en conséquence ; il s'agit de la liaison bidirectionnelle de vue.

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!