<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>明明是嵌套，但生成後是同級
1
0
0
學(xué)習(xí)是最好的投資！
這個跟 vue 沒關(guān)系，是因為瀏覽器渲染的時候不允許 <p> 標(biāo)簽包含 <p> 標(biāo)簽，所以你自己看下，實際渲染生成了三個 <p> 標(biāo)籤。
拋開 vue 單獨寫一個
<p>1
<p>2</p>
3</p>你也會發(fā)現(xiàn)被瀏覽器渲染成了
<p>1</p>
<p>2</p>
"3"
<p></p>
