Element UI 源码学习之仿写：自定义 el-button 组件

前言
在前端开发中，UI 组件库是提高开发效率和统一界面风格的重要工具。Element UI 是一款基于 Vue.js 的组件库，提供了丰富的 UI 组件，广泛应用于各种 Web 应用开发中。本文将通过学习 Element UI 源码，以仿写 el-button 组件为例，来深入理解组件的实现原理和设计思路。

实现思路
el-button 组件是 Element UI 中常用的按钮组件，具有多种类型、尺寸和状态。我们将从头开始，逐步实现一个简化版的 el-button 组件，包括基本的样式和交互效果。

组件结构
首先，我们需要定义 el-button 组件的结构。在 HTML 中，按钮通常使用 <button> 元素表示。我们将使用 Vue 组件的方式来实现 el-button，因此需要定义一个包含 <button> 元素的组件。

<template>
  <button class="