//子组件的代码
<template>
<div>
<div>
{{sd}}
</div>
<div>
222
</div>
<div>
{{msg_datas}}
</div>
</div>
</template>
<script>
export default {
data(){
return {
sd: 'dsd'
}
},
props:{
msg_datas:String
},
onShow(){
console.log("----")
}
,
created(){
console.log("----")
}
// props: {
// msg_datas: {
// type: String
// }
// },
}
</script>
<style>
.title{
text-align: center;
color: white;
margin-left:15px;
background-color:#FF3030;
height: 28px;
border-radius: 10px 0 0 10px ;
}
.center{
text-align: center;
height: 27px;
background-color:#CDCDB4
}
.more{
color: white;
text-align: center;
background-color:#FFA54F;
height: 28px;
border-radius: 0 10px 10px 0 ;
}
.container2{
height: 26px;
}
.label{
width: 100px;
width: 30px;
}
.swiper{
width: 100px;
width: 30px;
}
</style>
主组件引用截图:
我也遇到和楼主一样的情况,请问楼主后来怎么解决得呢
我是弄了大半天才解决这个问题,我这里的原因是父组件中以前有个components:{},然后自己在引入子组件的时候没注意,又写了个components:{}...一不小心犯下的错折腾了大半天,内心一万个草泥马在奔腾
@小白白呢: 就是这样的,,,,components没写入引用的组件