在vue中使用了組件鑲套組件，一直顯示不出來，去掉子組件，立馬顯示，試了幾種方法依舊如此，各位大神請指教！一下是代碼
<div id='app'>
<temp></temp>
</div>
<template id='son'>
<div>
我是父組件，我要給兒子的{{message}}
<tem></tem>
</div>
</template>
<script>
let temp ={
template:'#son',
data() {
return {
message:'房子'
}
},
components:{
tem:tem
}
}
let tem ={
template:'<div>我是子組件</div>',
}
new Vue({
el:'#app',
components:{
temp
}
})
</script>
uj5u.com熱心網友回復：
子組件名字得打引號，寫成"tem":tem或者就寫temuj5u.com熱心網友回復：
1樓說的不對，主要是js的執行順序問題，tem寫在了temp下邊了，temp組件實體化的時候找tem，沒找到，導致的錯誤，放到上面就好了。uj5u.com熱心網友回復：
確實是接收讀取順序的問題！已經解決了轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/70095.html
標籤：HTML(CSS)
上一篇：JavaScript