16-Element组件库

Element官网（基于Vue2框架）：组件 | Element

Element-Plus官网（基于Vue3框架）：Image 图片 | Element Plus (element-plus.org)

这里我们主要介绍Element-Plus组件库

1）安装ElementUI组件库，使用包管理器（如 NPM、Yarn 或 pnpm）安装 Element Plus

# NPM
$ npm install element-plus --save

# Yarn
$ yarn add element-plus

# pnpm
$ pnpm install element-plus

2）引入ElementUI组件库，在main.js文件下

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'

const app = createApp(App)

app.use(ElementPlus)
app.mount('#app')

3）访问官网，复制组件代码进行调整