vue element plus、

### Vue 3 中安装和使用 Element Plus

#### 安装过程

为了在 Vue 3 项目中集成 Element Plus，首先需要创建一个新的 Vue 3 项目[^1]。一旦项目建立完成，可以通过以下命令之一来安装 Element Plus：

对于 NPM 用户：

npm install element-plus --save

Yarn 用户可以运行：

yarn add element-plus

而对于 pnpm 用户，则应执行：

pnpm install element-plus

这些指令将会把 Element Plus 及其依赖项下载并保存至项目的 `node_modules` 文件夹内[^3]。

#### 引入 Element Plus

成功安装之后，在应用入口文件（通常是 main.js 或者 main.ts）里全局引入 Element Plus 并注册所有组件以及样式资源：

import { createApp } from 'vue'
import App from './App.vue'
// 导入整个库及其默认主题样式
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';

const app = createApp(App);
app.use(ElementPlus); // 注册Element Plus插件
app.mount('#app');

如果只想要加载特定的组件而不是全部的话，可以根据需求单独导入所需的模块，并按照上述方式继续初始化应用程序实例[^2]。

#### 使用示例

下面是一个简单的按钮组件例子，展示了如何利用 Element Plus 提供的功能构建交互界面：

<template>
  <el-button type="primary">主要按钮</el-button>
</template>

<script setup lang="ts">
// 此处无需额外定义逻辑代码即可直接使用 el-button 组件
</script>

此模板中的 `<el-button>` 即来自 Element Plus 库的一个预设按钮控件，支持多种属性自定义外观与行为特性。