深入Vue之解析ElementUI组件--button-grou

一、github地址

https://github.com/ElemeFE/element/blob/dev/packages/button/src/button-group.vue

二、文档地址

https://element.eleme.cn/#/zh-CN/component/button

三、解析过程（很多注释在源代码是不合法的，这里只是为了更直观的展示）

<template>
  <div class="el-button-group">  
    <slot></slot>  // 注解1
  </div>
</template>
<script>
  export default {
    name: 'ElButtonGroup'
  };
</script>

1. 提供插槽

让按钮进来后，样式作用于按钮

.el-button-group {
    display: inline-block;
    vertical-align: middle;
}
.el-button-group:after {
    clear: both;
}
.el-button-group:after, .el-button-group:before {
    display: table;
    content: "";
}