什么是#default=“scope”？

在Vue 3中，#default="scope"是一种插槽（Slot）的使用方式。它用于接收具名插槽的默认内容，并将其赋值给一个名为scope的变量。

具体来说，#default="scope"是用于在父组件中定义插槽的语法。通过给插槽添加#default指令，并使用="scope"将默认内容绑定到scope变量上，可以在插槽内部访问该变量并进行相关操作。

<template #default="scope">
  <risk-status-tag :status="getRiskStatus(scope.row)" />
</template>

<template>
  <el-tag :type="status.type" size="small">
    <i :class="status.icon"></i>
    {{ status.text }}
  </el-tag>
</template>

<script>
export default {
  name: 'RiskStatusTag',
  props: {
    status: {
      type: Object,
      required: true,
    }
  }
}
</script>

<style scoped>
/* 如果需要特定样式可以在这里添加 */
</style>