实现el-button效果

el-button 是 ElementUI 框架中的一个组件，它提供了一种简单的方式来创建按钮元素，并且支持多种状态样式。以下是实现 el-button 效果的步骤：

1. 安装 ElementUI 框架，你可以通过 npm 安装，具体命令为：

   npm install element-ui --save

2. 引入 el-button 组件，你可以在组件中这样引入：

   import { Button } from 'element-ui';

3. 在模板中使用 el-button 组件，你可以像下面这样使用：

   <el-button>按钮</el-button>

这样就会生成一个带有默认样式的按钮。

4. 支持不同的状态样式。el-button 组件提供了多种状态样式，你可以使用不同的 type 属性值来设置不同的状态样式，例如：

   <el-button type="primary">主要按钮</el-button>
   <el-button type="success">成功按钮</el-button>
   <el-button type="warning">警告按钮</el-button>
   <el-button type="danger">危险按钮</el-button>

以上是实现 el-button 效果的基本步骤，你还可以通过设置不同的属性来自定义按钮的样式和行为，例如设置大小、禁用、图标等等。如果你想深入学习 el-button 组件的更多特性，可以访问 ElementUI 官网进行学习。