press-element-plus
Version:
二次封装 element-plus
57 lines (38 loc) • 1.06 kB
Markdown
# press-element-plus
对 [Element Plus](https://www.npmjs.com/package/element-plus) 组件库的二次封装。
## 1. 安装
### 1.1. 使用包管理器
```shell
# NPM
npm install press-element-plus
# Yarn
yarn install press-element-plus
# pnpm
pnpm install press-element-plus
```
## 2. 快速开始
### 2.1. 完整引入
`press-element-plus` 将会在Vue应用中进行**全局组件注册**。
```ts
// main.ts
import { createApp } from 'vue'
import VcElementPlus from 'press-element-plus'
import 'press-element-plus/dist/style.css'
const app = createApp(App)
app.use(VcElementPlus)
```
### 2.2. 按需引入
需要在使用组件的地方手动对 `Vc组件` 进行导入。
```html
<!-- App.vue -->
<template>
<vc-table>
<el-table-column ... />
</vc-table>
</template>
<script setup>
import { VcTable } from 'press-element-plus'
</script>
```
## 3. 注意事项
组件库打包时会对第三方包如 `element-plus` 、`vue` 进行 `externals` 处理,所以务必保证使用组件的项目中导入必须要的第三方库。