Dalam kod berikut
Mengapa elemen el dalam js perlu terikat pada id cc p untuk mencapai kesan input segera Sebaliknya, ia tidak boleh dicapai jika ia terikat secara langsung dengan id input? Lagipun, mesej model digunakan pada input
<!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] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Jika anda hanya mengikat input dan skop hanya input, maka tag p anda tidak akan memberi kesan. Jadi anda perlu berada di dalam p.
id ialah bekas, yang mengandungi semua pengikatan data dan gelagat lain yang terlibat dalam instantiasi vue anda. Anda boleh menentukan berbilang bekas dalam satu halaman, tetapi setiap bekas adalah seperti skop fungsi Gelagat akses pembolehubah atau fungsi dalam skop ditentukan oleh persekitaran skop semasa.
Contoh anda bukan sekadar input, data yang anda ikat juga mempunyai elemen p. Jadi, anda perlu meletakkan id bekas pada elemen induk mereka p.
Setiap tika vue mempunyai skop dalam DOM, dan nilai atribut el menentukan skop tika vue dalam DOM Apabila anda menetapkan nilai atribut el, ia ditetapkan dalam DOM elemen antara muka yang boleh akses sifat dalam contoh vue; jika anda telah menggunakan sudut, peranan nilai el sebenarnya serupa dengan pengawal dalam sudut