父子组件传参 props
//父页面
<column-chart :column-data="columnData"></column-chart>
//子页面 使用props接收参数
//无需再data中再次定义cloumnData,直接通过this.cloumnData使用即可
props:{
charData:{ //字符
type:string
},
ArrayData:{ //数组
type:Array,
default:() = []
},
columnData:{ //对象
type:Object,
default:() => {}
}
}
//监听该对象,完成剩下操作
watch: {
columnData:{
deep: true,
handler(val) {
console.log(val)
}
}
....
},