vue父组件向子组件传递数据
父组件代码
普通组组调用
<MainImg :imgs="imgs"></MainImg>
components:{
MainImg
}
改
需要传递 imgs 数据给子组件的调用
<v-MainImg :imgs="imgs"></v-MainImg>
components:{
'v-MainImg':MainImg
}
子组件代码
添加props,接收父组件传来的数据
props:{
imgs:Array
},
//子组件通过props来接收数据: //方式1 props: ['msgVal'] //方式2 props: { msgVal: Array //这样可以指定传入的类型,如果类型不对,会警告 }