Element-UI入门-第二篇：基础组件使用（一）

Element-UI入门-第二篇：基础组件使用（一）

在掌握了Element-UI的基本概念并成功搭建开发环境后，我们正式开启Element-UI基础组件使用的学习之旅。这一篇，我们聚焦于按钮组件（Button）和输入框组件（Input），它们是构建用户界面交互的基础元素，熟练运用将为后续开发复杂界面奠定坚实基础。

1. 按钮组件（Button）

按钮的基本类型（默认、主要、成功等）

Element-UI提供了多种按钮类型，以适应不同的业务场景和视觉风格需求。最常见的按钮类型包括默认按钮、主要按钮、成功按钮、信息按钮、警告按钮和危险按钮。

• 默认按钮：这是最普通的按钮样式，没有特定的颜色强调，用于一般性的操作。在Element-UI中，使用<el-button>标签即可创建一个默认按钮，例如：<el-button>默认按钮</el-button>，呈现出的按钮外观简洁，适用于不那么关键的操作场景，如查看更多信息、展开某个折叠内容等。
• 主要按钮：通常用于页面中的主要操作，如提交表单、确认执行关键任务等。通过设置type属性为primary来创建主要按钮，代码如下：<el-button type="primary">主要按钮</el-button>。主要按钮一般会有较为醒目的