vue使用elementPlus

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 重构的全新项目。