Element-UI

邓瑞编程

https://www.bilibili.com/video/BV1Ei421o7To/?spm_id_from=333.337.search-card.all.click&vd_source=92411e1ecf865f3abee8328e2eb907a5

什么是Element-UI?

这是一个前端框架，是由饿了么前端团队开发的前端框架，基于vue.js设计的快速搭建前端页面的一个框架。

实际上Bootstrap也是差不多的前端框架，不过不是基于vue.js

安装

先进入vite创建的vue项目目录下

npm install element-plus --save

导入

分为整体导入和按需导入

在需求上来说,基本上没有按需导入的必要,使用element-ui的场景基本上不需要按需导入

//在main.js中导入所有element-ui
import { createApp } from 'vue'

	//整体导入 ElementPlus 组件库
	import ElementPlus from 'element-plus' //导入 ElementPlus 组件库的所有模块和功能 
	import 'element-plus/dist/index.css' //导入 ElementPlus 组件库所需的全局 CSS 样式

	import App from './App.vue'

	const app = createApp(App)
	app.use(ElementPlus) //将 ElementPlus 插件注册到 Vue 应用中
	app.mount('#app')