A partir du fichier html suivant :
<html>
<head>
<title>Ma page Vue.js</title>
</head>
<body>
<div id="app">
<ul>
<li> <!-- A compléter dans le li -->
<!-- A compléter ici -->
</li>
</ul>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script src="./app.js"></script>
</body>
</html>
Et du fichier app.js :
const vm = Vue.createApp({
data() {
return {
listeNoms : [{nom:"dupont", id:1}, {nom:"durant", id:2}, {nom:"lefevre", id:3}]
}
}
}).mount('#app')
// mount spécifie que l'application Vue s'affichera dans la div avec id="app"
On voudrait, en complétant le fichier html, obtenir l'affichage suivant :
Les fichiers html et js de départ sont fournis en ressources dans \\prof\vue js\td4\ressources.