一种 代码方式

这是 html部分

<el-col :span="6">
 <div class="topleft">
    <Ranking ref="Ranking"/>
  </div>
</el-col>
<el-col :span="9">
  <LECHRoom ref="LECHRoom"/>
</el-col>
<el-col :span="9">
  <div class="topright">
    <AdministrativePunishment ref="AdministrativePunishment"/>
  </div>
</el-col>

这是逻辑部分

 // 驾驶舱装备器材领用排行数据
 theCockpitEquipmentStatistical(parmas).then((res) => {
   this.$nextTick(() => {
     this.$refs.Ranking.init(res.data.data.list)
   })
 })
 // 驾驶舱行政处罚统计情况
 theCockpitAdministrativePunishmentStatistical(parmas).then((res) => {
   this.$nextTick(() => {
     this.$refs.AdministrativePunishment.init(res.data.data.list)
   })
 })

今天观看同事代码，学到了觉得很不错的一个方式，子组件不做请求，直接在父组件赋值给子组件，达到了一种简易的逻辑与ui分离，有不对的请大佬们指正