ElementUI button源码解析

前言

在最近的项目开发中经常使用饿了么开源的ui框架element，所以也借此机会深入一下element源码。

源码目录

了解一个开源项目先从它的目录开始。

• package文件中存放了所有component组件的代码，其中theme-chalk存放了组件的样式代码

• type文件中放的是ts的类型声明文件

• test文件中是各个组件的单元测试用例

• example文件中是element组件的示例

• src文件是element组件的入口，导入了所有组件

• bulid文件是构建的配置脚本，包含webpack与deploy

• 其他单文件则是babel的配置 eslint配置 makefile编译文件等

button-group

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

button组的代码还是很简单的，就是一个button容器，内部包含一个匿名插槽

button

<