element-ui button例子

Element UI 是一套基于 Vue.js 的开源 UI 组件库，其中的按钮组件（Button）非常常用。下面是一个基础的使用例子：

<template>
  <div>
    <!-- 简单按钮 -->
    <el-button type="primary">普通按钮</el-button>
    
    <!-- 按需改变样式 -->
    <el-button type="success" size="small">成功按钮（小尺寸）</el-button>

    <!-- 带图标和文字的复合按钮 -->
    <el-button icon="el-icon-edit" circle>编辑</el-button>
    
    <!-- 点击事件绑定 -->
    <el-button @click="onClick">点击我</el-button>
  </div>
</template>

<script>
export default {
  methods: {
    onClick() {
      console.log('按钮被点击了');
    }
  }
}
</script>

在这个例子中：
- `type` 属性可以设置按钮的样式，如 "primary"（默认）、"success"、"warning"、"danger" 和 "info"。
- `size` 属性可以设置按钮大小，比如 "small"、"medium"、"large" 和 "default"。
- `icon` 属性用于添加自定义图标，`circle` 表示圆形按钮。
- `@click` 事件处理器绑定了按钮的点击动作。