Element Plus入门-第二篇：基础组件上手（一）

Element Plus入门-第二篇：基础组件上手（一）

在Element Plus框架中，Button和Input组件是最基础且常用的组件。Button组件可用于触发各种操作，Input组件则用于用户输入数据。掌握这两个组件的基本使用方法，能为后续构建复杂的用户界面打下坚实基础。本文将详细介绍Button组件的样式选择与点击事件绑定，以及Input组件输入值的获取和基本属性设置。

一、Button组件样式选择与点击事件绑定

（一）Button组件样式选择

Element Plus的Button组件提供了丰富的样式选项，以满足不同场景下的视觉需求。常见的样式类型包括primary（主要按钮）、success（成功按钮）、warning（警告按钮）、danger（危险按钮）和info（信息按钮）等。通过设置type属性，可以轻松切换按钮的样式。

以下是不同样式按钮的示例代码：

<template>
  <div>
    <el-button type="primary">主要按钮</el-button>
    <el-button type="success">成功按钮</el-button>
    <el-button t