<body>
<p id="app">
<p class="con1" @click="click">
vue
<p class="con2"></p>
</p>
</p>
<script>
var vm = new Vue({
el: '#app',
mounted() {
for (let i of this.$el.children) {
console.log(i)
}
},
methods: {
click() {
for (let i = 0; i < this.$el.children.length; i++) {
console.log(this.$el.children[i])
}
}
}
})
</script>
</body>Jelas sekali mereka bersarang, tetapi mereka berada pada tahap yang sama selepas generasi
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Ini tiada kaitan dengan
vue, kerana penyemak imbas tidak membenarkan tag<p>mengandungi<p> code> apabila membuat rendering , jadi anda boleh melihat sendiri bahawa rendering sebenar menghasilkan tiga teg<p>.vue没关系，是因为浏览器渲染的时候不允许<p>标签包含<p>标签，所以你自己看下，实际渲染生成了三个<p>标签。抛开
Ketepikanvuevuedan tulis yang berasingan
Anda juga akan mendapati penyemak imbas memaparkannya sebagai #🎜🎜#