Dans le code suivant
Pourquoi l'élément el dans js doit-il être lié à l'identifiant cc de p pour obtenir l'effet de saisie instantanée. Au contraire, cela ne peut pas être obtenu s'il est directement lié à l'identifiant de saisie ? Après tout, le message du modèle est appliqué à l'entrée
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<p id = "cc">
<input v-model="message" placeholder="edit me" id="text">
<p>Message is: {{message}}</p>
</p>
<script type="text/javascript">
var vm = new Vue({
el:"#text",
data:{
message:''
}
})
</script>
</body>
</html>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Si vous liez uniquement l'entrée et que la portée est uniquement l'entrée, votre balise p n'aura aucun effet. Il faut donc être à l'intérieur de p.
id est un conteneur qui contient toutes les liaisons de données et autres comportements impliqués dans l'instanciation de votre vue. Vous pouvez définir plusieurs conteneurs sur une seule page, mais chaque conteneur est comme une portée de fonction. Le comportement d'accès aux variables ou aux fonctions dans la portée est déterminé par l'environnement de portée actuel.
Votre exemple n'est pas seulement une entrée, les données que vous liez contiennent également p éléments. Vous devez donc mettre l'identifiant du conteneur sur leur élément parent p.
Chaque instance de vue a une portée dans le DOM, et la valeur de l'attribut el détermine la portée de l'instance de vue dans le DOM. Lorsque vous définissez la valeur de l'attribut el, elle est définie dans le DOM. accédez aux propriétés dans l'instance vue ; si vous avez utilisé angulaire, le rôle de la valeur el est en fait similaire à celui du contrôleur en angulaire
;