ElementUI组件：Button 按钮

ElementUI是一款基于Vue.js的前端UI框架，其中的Button组件是一个常用的元素。以下是一些使用ElementUI Button组件的示例：

1. 基本用法：

<template>
  <el-button @click="handleClick">点击我</el-button>
</template>
 
<script>
export default {
  methods: {
    handleClick() {
      alert('按钮被点击');
    }
  }
}
</script>

2. 设置按钮大小：

<template>
  <el-button size="small">小按钮</el-button>
  <el-button size="medium">中按钮</el-button>
  <el-button size="large">大按钮</el-button>
</template>

3. 设置按钮类型：

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

4. 设置按钮形状：

<template>
  <el-button type="primary" icon="el-icon-search" circle></el-button>
</template>

5. 设置按钮是否禁用：

<template>
  <el-button disabled>不可用按钮</el-button>
</template>

6. 文字按钮：

<template>
  <el-button type="text">文字按钮</el-button>
</template>

以上代码展示了如何在Vue.js中使用ElementUI的Button组件。你可以根据实际需求选择合适的属性和事件。