为了减少和服务器端的交付次数,减少页面数据的冗余,尽可能一次取出数据,在各个子组件之间共享。
父组件,调用子组件时加上Props,发送数据,可以发送多组数据,作为对象:
<!-- 弹窗, 新增 / 修改 -->
<add-or-update :key="addKey" ref="addOrUpdateRef" @refreshDataList="state.getDataList" :custInfo="dCust" :houseInfo="dHouse"></add-or-update>
子组件收数据:
const props = defineProps({
custInfo: {
type: Object,
default: () => {
return {}
}
},
houseInfo: {
type: Object,
default: () => {
return {}
}
}
})
在审核类的应用场景经常用到