vue怎么引入element ui

### 安装 Element UI

为了在 Vue 项目中使用 Element UI，首先需要通过 npm 或 yarn 来安装该库。执行如下命令可以完成安装：

npm install element-ui -S

这会将 `element-ui` 添加到项目的依赖列表中[^3]。

### 配置 main.js 文件

接着，在项目的入口文件 `main.js` 中引入并注册 Element UI 插件。完整的配置过程如下所示：

#### 引入整个 Element UI 库

如果计划在整个应用中广泛使用 Element 组件，则可以选择一次性全部引入这些组件及其默认主题样式：

import Vue from 'vue';
import ElementUI from 'element-ui'; // 引入Element-UI插件
import 'element-ui/lib/theme-chalk/index.css'; // 单独引入CSS样式
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
    el: '#app',
    render: h => h(App),
});

上述代码片段展示了如何全局加载 Element UI 的所有功能以及其 Chalk 主题的 CSS 文件[^1]。

对于希望减少打包体积的应用程序来说，也可以按需导入特定组件而不是整套框架。不过这里展示的是最简单的方式——即全量引入方案。