element的button怎么使用

可以使用以下步骤来使用element的button：

在HTML文件中引入element-ui库的CSS和JS文件。

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

在Vue组件中使用button组件。

<template>
  <div>
    <el-button type="primary">Primary</el-button>
    <el-button>Default</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
    <el-button type="info">Info</el-button>
  </div>
</template>

以上代码将在页面中创建6个不同类型的button。其中，type属性指定button的样式类型，可以是primary、default、success、warning、danger、info中的一个。默认为default类型。

可以添加@click事件来响应button的点击事件。

<template>
  <div>
    <el-button type="primary" @click="handleClick">Click me!</el-button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log('Button clicked!')
    }
  }
}
</script>

以上代码将在页面中创建一个带有@click事件的button，当用户点击button时，将在控制台中输出Button clicked!