vue中$table 里面的$attrs

在 Vue 中，当你使用某些组件时，组件可能会使用 `$attrs` 属性来传递一些额外的属性到组件内部。

在 `$attrs` 中，存储了组件外部传入的、但是组件内部没有声明的所有属性。这些属性可以通过 `$attrs` 访问并使用。

在 `$attrs` 中，还有一个特殊的属性 `$listeners`，用于存储组件外部传入的、但是组件内部没有声明的事件监听器。这些事件监听器可以通过 `$listeners` 访问并使用。

当你在使用 `el-table` 组件时，`$attrs` 属性可以用于传递一些额外的表格属性到组件内部。例如，你可以通过 `$attrs` 给表格添加 `border`、`size`、`stripe` 等属性，如下所示：

<el-table
  :data="tableData"
  :attrs="{ border: true, size: 'medium', stripe: true }"
>
  <!-- 表格列定义 -->
</el-table>

在上面的代码中，我们通过 `:attrs` 给表格添加了 `border`、`size`、`stripe` 等属性。这些属性会被传递到 `el-table` 组件内部，并应用到表格上。在 `el-table` 组件内部，你可以通过 `$attrs` 访问这些属性，如下所示：

export default {
  name: 'MyTable',
  props: {
    // ...
  },
  render(h) {
    return h(
      'el-table',
      {
        attrs: this.$attrs, // 将外部传入的属性应用到表格上
        on: this.$listeners // 将外部传入的事件监听器绑定到表格上
      },
      this.$slots.default // 表格列定义
    )
  }
}

在上面的代码中，我们将 `$attrs` 属性应用到了 `el-table` 组件上。这样，所有在外部传入的、但是组件内部没有声明的属性都会被应用到表格上。