vue 按钮样式 大小调整

要调整 Vue 按钮的样式和大小，可以使用以下方式：

1. 在 HTML 中直接修改按钮的样式和大小，例如：

<template>
  <button style="font-size: 20px; padding: 10px 20px;">Click me</button>
</template>

2. 在 Vue 组件中使用 CSS 修改按钮的样式和大小，例如：

<template>
  <button class="my-button">Click me</button>
</template>

<style>
.my-button {
  font-size: 20px;
  padding: 10px 20px;
}
</style>

3. 使用第三方 UI 组件库，例如 Element UI、Vuetify 等，这些组件库提供了一些现成的按钮组件，并且可以通过修改组件的属性或者自定义 CSS 样式来调整按钮的样式和大小。例如使用 Element UI：

<template>
  <el-button size="medium" type="primary">Click me</el-button>
</template>

其中 `size` 属性可以设置按钮的大小，取值为 `medium`、`small`、`mini`，默认为 `medium`。`type` 属性可以设置按钮的颜色类型，取值为 `primary`、`success`、`warning`、`danger`、`info`、`text`，默认为 `default`。