//父组件直接将数据赋给组件
<div v-if="keysArray.length > 0">
<histogram title="合作次数top榜" :keys="keysArray" :values="valuesArray"></histogram>
</div>
//子组件vue2代码
export default {
props: {
keys: {
type: Array,
required: true,
},
values: {
type: Array,
required: true,
},
title:{
type: String,
required: true,
}
},
data() {
return {
props: this.keys,
props: this.values,
props: this.title
};
},
}