vue使用elementPlus
前言
Element – 饿了么团队出品的神级桌面 UI 组件库，它诞生于 2016 年，起初是饿了么内部的业务组件库，主要用于快速开发中后台管理产品。在开源后深受广大前端开发者的喜爱， 4 年多的时间，Element 在 GitHub 上已经获得 48.3k 的 star，11.9k 的 fork，NPM 下载量高达 95 万次/月。已经成为 Vue 生态中最流行的 UI 组件库之一。
Element Plus 是基于最新的 Vue 3.0 对 Element UI 的升级适配，使用 TypeScript + Composition API 重构的全新项目。官方宣称用最适合 Vue 3.0 的方式几乎重写了每一行 Element UI 的代码。。
一、Element Plus是什么？
Element Plus是基于最新的 Vue 3.0 对 Element UI 的升级适配，使用 TypeScript + Composition API 重构的全新项目。
二、使用步骤
1.安装
代码如下：
# 选择一个你喜欢的包管理器
# NPM
$ npm install element-plus --save
# Yarn
$ yarn add element-plus
# pnpm
$ pnpm install element-plus
2.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')
这里和引用elementUI差不多，有一点变动。
总结
以上就是今天要讲的内容，本文仅仅简单介绍了Element Plus的使用，而Element Plus提供了Vue 3.0 对 Element UI 的升级适配，使用 TypeScript + Composition API 重构的全新项目。
