Element el-select内部是如何获取到el-option的数据的

在Element UI的组件内部，通过插槽的方式来获取的数据。当组件渲染时，它会遍历其子组件，查找具有特定name属性值的子组件，然后将这些子组件的数据用作选项。

具体来说，当组件渲染时，它会在其子组件中查找带有name属性值为'ElOption'的子组件。然后，它会提取这些子组件的label、value和disabled属性，并将它们作为选项数据存储在内部。

以下是Element UI的组件的简化版本，展示了内部如何获取的数据：

<template>
  <div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'ElSelect',
  mounted() {
    const options = this.$slots.default
      .filter((vnode) => vnode.componentOptions && vnode.componentOptions.tag === 'ElOption')
      .map((vnode) => {
        const { label, value, disabled } = vnode.componentOptions.propsData;
        return { label, value, disabled };
      });

    // 在这里可以使用获取到的选项数据进行处理，例如存储在内部或执行其他操作
    console.log(options);
  }
};
</script>

在这个简化的示例中，组件在mounted()钩子函数中通过查找插槽内容来获取的数据。它使用$slots.default访问默认插槽的内容，并过滤出tag为'ElOption'的子组件。

对于每个符合条件的子组件，它提取了label、value和disabled等属性，并将它们作为选项数据存储在options数组中。

请注意，这只是Element UI组件内部获取数据的简化示例。实际的Element UI源码可能会有更多的逻辑和处理方式，用于处理不同的情况和选项配置。