Element Plus 是基于 Vue 3 的桌面端组件库,它提供了丰富的 UI 组件来帮助开发者快速构建应用。以下是 Element Plus 在 Vue 3 项目中的使用步骤:
安装 Element Plus
在你的项目中,使用 npm 或 yarn 安装 Element Plus:
bash
npm install element-plus --save
或者
yarn add element-plus
完整引入 Element Plus
在 main.js
或 main.ts
文件中全局引入 Element Plus:
javascript
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);
app.mount(’#app’);
按需引入 Element Plus
如果你想要按需引入 Element Plus 组件,可以使用 unplugin-vue-components
和 unplugin-auto-import
这两个插件。
首先,安装这两个插件:
bash
npm install unplugin-vue-components unplugin-auto-import -D
然后,在你的 V